Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Войти через 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>
.
Прокомментировать/Отблагодарить