Пример скрипта: нитка с шариками

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






Исходный код этого примера:

#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;

 
Четверг, 23.11.2017 | Copyright © 2000 - 2017

Яндекс.Метрика