ランダムに要素を動かして、飛び回る蚊を作ってみました。
↓以下が実際のソースサンプルです。
▼JavaScript
window.onload=function(){ function mosquito(id) { var randomElm = document.getElementById(id); var randomTop = 50; var randomLeft = 50; randomElm.style.top = randomTop + "%"; randomElm.style.left = randomLeft + "%"; var timer= setInterval(function() { if(Math.random() * 2 < 1) { randomTop++; } else { randomTop--; }; if(randomTop === 0) { randomTop = 2; } if(randomTop === 100) { randomTop = 98; } if(Math.random() * 2 < 1) { randomLeft++; } else { randomLeft--; }; if(randomLeft === 0) { randomLeft = 2; } if(randomLeft === 100) { randomLeft = 98; } randomElm.style.left = randomLeft + "%"; randomElm.style.top = randomTop + "%"; }, 100); }; mosquito("mosquito"); };
▼CSS