Привет ребят. У меня вопрос.
У меня есть скрипт, меняющий файлы 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)
---------------------------------------------
Ребят, помогите, а?))