• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему JQuery и JScript на сайтах в uCoz » Эх..)) Динамическое изменение css без обновления страницы
Эх..)) Динамическое изменение css без обновления страницы
Дата: Пятница, 26.10.2012, 12:55 |
SIR2100
Рядовой
Группа: Зарегистрированные
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


Привет ребят. У меня вопрос.
У меня есть скрипт, меняющий файлы css в зависимости от времени без обновления странички. Меня интересует то, как же сделать перетекающее изменение файлов css, вместе с картинками и прочим.
Подскажите, или поправьте код =)

Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>test</title>

<script language="javascript">
function loadcssfile(filename){
  document.getElementsByTagName('head')[0].removeChild(document.getElementsByTagName('link')[0]);
  var link = document.createElement('link');
  link.setAttribute('type','text/css');
  link.setAttribute('rel','stylesheet');
  link.setAttribute('href',filename);
   document.getElementsByTagName('head')[0].appendChild(link);
}
</script>

<link type="text/css" rel="stylesheet" href="style_1.css"></head>
<body>
<script language="javascript">
var int=self.setInterval(function(){clock()},1000);
function clock()
{
date = new Date();
var t=date.getSeconds();
if ((t>0 && t<10) || (t>20 && t<30) || (t>40 && t<50))
{
loadcssfile("style1.css");
}
else
{
loadcssfile("style2.css")
}
document.getElementById("clock").value=t;
}
</script>
<input id="clock">
<div id="стиль_из_css_файла_1></div>
<div id="стиль_из_css_файла_2"></div>

</body>
</html>


Т.е. нужно сделать так, чтобы стиль плавно перетекал из первого css файла во второй =)

Добавлено (26.10.2012, 12:55)
---------------------------------------------
Ребят, помогите, а?))

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему JQuery и JScript на сайтах в uCoz » Эх..)) Динамическое изменение css без обновления страницы
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия