โค้ด จาวาสคริปต์ เรามาทำให้รูปภาพสีต่างๆ หลายขนาดวิ่งตามเมาส์ไปมาน่าทึ่งดีครับ

เรามาทำให้รูปภาพสีต่างๆหลายขนาดวิ่งตามเมาส์ไปมาน่าทึ่งดีครับ

นำสคริปต์นี้ไปไว้ตรงส่วน BODY ตรงส่วนไหนก็ได้นะครับ

สำหรับตัวอย่างดูตรงตัวชี้เมาส์นั้นเลยครับ

เพื่อนๆ สามารถแก้ไขดัดแปลงได้นะครับ

แล้ว ต้อง Save รูปด้านล่างนี้ไปด้วย นะครับไม่งั้นรูปจะไม่แสดงนะครับ

<script>

B=document.all;

C=document.layers;

T1=new Array("image/trail1.gif",38,35,"image/trail2.gif",30,31,"image/trail3.gif",28,26,"image/trail4.gif",22,21,"image/trail5.gif",16,16,"image/trail6.gif",10,10)

nos=parseInt(T1.length/3)

rate=50

ie5fix1=0;

ie5fix2=0;

for (i=0;i<nos;i++){

createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}

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+"; ");

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 (IE5)

if (document.all&&window.print){

ie5fix1=document.body.scrollLeft;

ie5fix2=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+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2

)

}

if(document.layers)

document.captureEvents(Event.MOUSEMOVE)

document.onmousemove=newPos

setInterval("cycle()",rate)

</script>

แบ่งปัน

เว็บไดเร็กทอรี่

กลอน , เกมส์ , ดูดวง

, อาหารเพื่อสุขภาพ

, แชท , ฟังวิทยุออนไลน์ , ดูทีวีออนไลน์ , เรื่องตลก , เรื่องผี , ตัวอย่างหนัง , หาเพื่อน , มุม msn , วันสำคัญ , รวมของฟรี , อีการ์ด , อ่านข่าว , มือถือ , ทำนายฝัน , วัดความเร็วเน็ต , รถยนต์ , วอลล์เปเปอร์ , รูปการ์ตูน , เซียมซี , ชื่อมงคล , เนื้อเพลง , คอมพิวเตอร์ , อินเตอร์เน็ต , จัดอันดับเว็บไซต์ , เที่ยวเชียงราย , ปรับขนาดรูป , พยากรณ์อากาศ , ราคาน้ำมัน , ราคาก๊าซหุงต้ม , Hi5 , ผู้หญิง , ท่องเที่ยว , พระเครื่อง , แปลศัพท์ , โปรโมทเว็บฟรี

ลิงค์แนะนำ

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Copyright www.zabzaa.com (ซาบซ่าส์ดอทคอม)