Показать сообщение отдельно
  #6 (permalink)  
Старый 15.01.2011, 19:15
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

или даже что-то высоко художественное, без всяких canvas
<script type="text/javascript">
window.onload = function(){
    var div = document.getElementsByTagName('div')[0], square = document.body.offsetWidth, i = 0;
    (function(){
        if(i++<square){
            for(j=0; j<15; j++){
                var element = document.createElement('div');
                element.style.top = 50+50*Math.sin(20*(i+Math.PI/2)*20)+'px';
                element.style.left = i+'px';
                element.style.background = '#'+i+i+0+j+i+i;
                document.body.appendChild(element);
            }
         }
        window.setTimeout(arguments.callee, 1);
    })();
};
</script>

<style type="text/css">
body {background: #DDD;}

div {
    position: absolute;
    width: 8px;
    height: 8px;
}
</style>

Последний раз редактировалось monolithed, 15.01.2011 в 21:01.
Ответить с цитированием