Сообщение от рони
|
Yurok_shnurok,
Вариант )))
|
Боль-мене правильный вариант, эксплуатирующий идею)
<style>div {float:left;} *{margin:0;padding:0}</style>
<script type="text/javascript">
X=Y=d=0
document.onmousemove = function(e){
var x=e.clientX,y=e.clientY;
with(Math) {d+=floor(sqrt(pow(x-X,2)+pow(y-Y,2))/3)}
X=x;Y=y;
};
setInterval(function(){document.body.appendChild(document.createElement("div")).style.cssText = 'width:1px;height:'+d+'px;background-color:rgb('+(d<255?d:255)+',0,0)';d=0;},100)
</script>