Пример скрипта: нитка с шариками |
Скрипт показывает эффект эластичного перемещения небольших картинок по экрану. В данном примере, в качестве картинок используются небольшие шарики, изображающие привязанную к курсору эластичную нить.

Исходный код этого примера:
#divBottom{position:absolute; height:20; width:220; font-size:10pt; font-weight:bold}
var gright=220 //отступы справа и снизу var gbottom=40 var n = (document.layers) ? 1:0; var ie = (document.all) ? 1:0; function makeObj(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style') this.moveIt=b_moveIt; } function b_moveIt(x,y){ this.x=x; this.y=y this.css.left=this.x this.css.top=this.y } var pageWidth,pageHeight function Init(){ oTest=new makeObj('divBottom') pageWidth=(ie)?document.body.offsetWidth-4:innerWidth; pageHeight=(ie)?document.body.offsetHeight-2:innerHeight; checkIt() onresize=resized if(ie) window.onscroll=checkIt; } function checkIt(){ if(ie) oTest.moveIt(document.body.scrollLeft +pageWidth-gright, document.body.scrollTop+pageHeight-gbottom) else if(n){ oTest.moveIt(window.pageXOffset+pageWidth-gright, window.pageYOffset+pageHeight-gbottom) setTimeout('checkIt()',20) } } function resized(){ pageWidth=(ie)?document.body.offsetWidth-4:innerWidth; pageHeight=(ie)?document.body.offsetHeight-2:innerHeight; if(ie) checkIt() } onload=Init; |