Разное: Тянущиеся картинки за мышью
|
Вставьте следующий код сразу после тега <Head>
<script language="JavaScript">
B=document.all;
C=document.layers;
T1=new Array("s1.gif",13,14,"s2.gif",16,18,"s3.gif",19,22,"s4.gif",22,25,"s5.gif",25,29,"s6.gif",28,33)
nos=parseInt(T1.length/3)
rate=50
iefix1=0;
iefix2=0;
for (i=0;i
{
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","
")
}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St)
{
with (document)
{
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; z-index:-1");
if(St)
{
if (C)
write(" style='");
write(St+";' ")
}
else
write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer()
{
document.write((B)?"</div>":"</layer>")
}
function getXpos(N)
{
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N)
{
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY)
{
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle()
{
if (document.all)
{
iefix1=document.body.scrollLeft;
iefix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++)
{
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e)
{
moveContainer("CUR"+(nos-1),(B)?event.clientX+iefix1:e.pageX+2,(B)?event.clientY+iefix2:e.pageY+2)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
else
if(B)
document.body.onscroll=newPos
document.onmousemove=newPos
setInterval("cycle()",rate)
</script>
Загрузить:
Скачать скрипт [3,33Кб]
Используются технологии
uCoz