Назад
Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс




Поиск по сайту




Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Разноцветные шарики заполняют экран

Для остановки кликнете на одном из кружков.

Исходный код этого примера:
<style>
    #b {
        width: 100%;
        height: 50vh;
        position: relative;
    }
    #b div {
        position: absolute;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
</style>
<div id="b" onclick="clearTimeout(r)"></div>
<script>
    var k=0;
    c=["#f00","#0f0","#00f","#ff0","#0ff"];
    function U() {
        xmax=document.getElementById("b").offsetWidth-50;
        ymax=document.getElementById("b").offsetHeight-50;
        x=Math.round(xmax*Math.random());
        y=Math.round(ymax*Math.random());
        document.getElementById("b").innerHTML+='<div style="left:'+x+'px; top:'+y+'px; background-color:'+c[(k++)%5]+'"></div>';
        r=setTimeout("U()",1000);
    }
    U();
</script>


.