1)Подключаем плагин jQuery анимации
Code
<script type="text/javascript" src=/jquery.color.js"></script>
2)Далее прописываем:
Code
<script type="text/javascript">
$(document).ready(function() {
spectrum();
function spectrum(){
var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
$('#welcome').animate( { backgroundColor: hue }, 1000);
spectrum();
}
});
</script>
$(document).ready(function() {
spectrum();
function spectrum(){
var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
$('#welcome').animate( { backgroundColor: hue }, 1000);
spectrum();
}
});
</script>
3)Стили css:
Code
<style type="text/css">
*{ margin:0; padding:0; }
body { text-align: center; background:#191919; }
img{ border: none; }
#welcome{ position: fixed; top: 5%; left: 50%; margin-left: -271px; background:#A8D2F5; }
</style>
*{ margin:0; padding:0; }
body { text-align: center; background:#191919; }
img{ border: none; }
#welcome{ position: fixed; top: 5%; left: 50%; margin-left: -271px; background:#A8D2F5; }
</style>
4)Теперь изображения заключаем в тег div с id welcome
Code
<div id="welcome"><img src="http://net-life.3dn.ru/DEMOflash/4/welcome.png"></div>
Если вы хотите, чтобы изображение или текст изменял фон, то тогда,
нужно оставить их прозрачными.
Комментарии