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