|
Смотрим ДЕМО
Подключаем плагин jQuery анимации
Code
<script type="text/javascript" src=/jquery.color.js"></script>
Далее прописываем:
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>
Вставляем в стили 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>
изображения заключаем в тег div с id welcome
Code
<div id="welcome"><img src="/welcome.png"></div>
Источник: http://net-life.3dn.ru/
|
