Bloggang.com : lozocat - แจกสคริปลูกไก่เดินตามเม้าท์

แจกสคริปลูกไก่เดินตามเม้าท์

คราวที่แล้วเป็นฝูงปลาขอเปลี่ยนเป็นลูกไก่เดินตามเม้าท์นะคะ..

ตัวอย่างลูกไก่เดินตามเม้าท์ค่ะ

เหมือนเดิมก็อปปี้สคริปไปวางที่สคริปเอเรียค่ะ

<div id="span0" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-cyan.gif"></div>
<div id="span1" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-green.gif"></div>
<div id="span2" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-magenta.gif"></div>
<div id="span3" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-orange.gif"></div>
<div id="span4" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-blue-1.gif"></div>
<div id="span5" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-pink.gif"></div>
<div id="span6" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-red.gif"></div>
<div id="span7" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-yellow.gif"></div>
<div id="span8" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-green.gif"></div>
<div id="span9" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-orange.gif"></div>
<div id="span10" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-blue-1.gif"></div>
<div id="span11" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-yellow.gif"></div>
<div id="span12" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-magenta.gif"></div>
<div id="span13" style="position:absolute;visibility:hidden;"><img src="//i123.photobucket.com/albums/o295/lozocat/Cat%20%20Bullets/bullets1/tinichick-green.gif"></div>
<div id="span14" style="position:absolute;visibility:hidden;"> </div>
<script>
var step=8
var stepbasic=8
var numberofimages=14
var spacebetweenimgs=28
var x,y
var flag=0
var xpos=new Array()

var ns6=document.getElementById&&!document.all?1:0

for (i=0;i<=numberofimages;i++) {
    xpos[i]=-100
}

var ypos=new Array()
for (i=0;i<=numberofimages;i++) {
    ypos[i]=-100
}

function handlerMM(e) {
    x = (document.layers || ns6) ? e.pageX : document.body.scrollLeft+event.clientX
    y = (document.layers || ns6) ? e.pageY : document.body.scrollTop+event.clientY
    flag=1
}

function initiatetracker() {
    if (document.all) {
        for (i=0; i<numberofimages; i++) {
            var thisspan=eval("span"+(i)+".style")
            thisspan.posLeft=xpos[i]
            thisspan.posTop=ypos[i]
            thisspan.visibility="visible"
        }
        makesnake()
    }

   if (ns6) {
        for (i=0; i<numberofimages; i++) {
            document.getElementById("span"+i).style.left=xpos[i]
            document.getElementById("span"+i).style.top=ypos[i]
            document.getElementById("span"+i).style.visibility="visible"
        }
        makesnake()
    }
    if (document.layers) {
        for (i=0; i<numberofimages; i++) {
            var thisspan=eval("document.span"+i)
            thisspan.left=xpos[i]
            thisspan.top=ypos[i]
            thisspan.visibility="visible"
        }

        makesnake()
    }
}

function makesnake() {
    if (flag==1 && document.all) {
        for (i=numberofimages; i>=1; i--) {
               xpos[i]=xpos[i-1]+spacebetweenimgs
            ypos[i]=ypos[i-1]
        }
        xpos[0]=x+stepbasic
        ypos[0]=y

        for (i=0; i<numberofimages; i++) {
            var thisspan = eval("span"+(i)+".style")
            thisspan.posLeft=xpos[i]
            thisspan.posTop=ypos[i]
        }
    }

    if (flag==1 && ns6) {
        for (i=numberofimages; i>=1; i--) {
               xpos[i]=xpos[i-1]+spacebetweenimgs
            ypos[i]=ypos[i-1]
        }
        xpos[0]=x+stepbasic
        ypos[0]=y

        for (i=0; i<numberofimages; i++) {
            document.getElementById("span"+i).style.left=xpos[i]
            document.getElementById("span"+i).style.top=ypos[i]
        }
    }

    else if (flag==1 && document.layers) {
        for (i=numberofimages; i>=1; i--) {
               xpos[i]=xpos[i-1]+spacebetweenimgs
            ypos[i]=ypos[i-1]
        }
        xpos[0]=x+stepbasic
        ypos[0]=y

        for (i=0; i<numberofimages; i++) {
            var thisspan = eval("document.span"+i)
            thisspan.left=xpos[i]
            thisspan.top=ypos[i]
        }
    }
        var timer=setTimeout("makesnake()",30)
}

if (document.layers){
    document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlerMM;
window.onload=initiatetracker
</script>

Create Date : 29 พฤษภาคม 2550
Last Update : 14 มิถุนายน 2550 8:49:01 น.
Counter : 3361 Pageviews.

23 comments

ขอบคุณนะครับ..เดี๋ยวจะลองนำไปใช้ดู..

โดย: ขนมตะโก้

วันที่: 29 พฤษภาคม 2550 เวลา:16:45:18 น.

ไปลองใช้ดูแล้วค่ะ..ขออนุญาต..จัดน้องปลาให้เหลือ 6 ตัวนะค่ะ.. 14 ตัวมากไปค่ะ

ขออนุญาติ add ไว้ใน friend link ด้วยนะค่ะ..จะได้เข้ามายืม..จำ..วิธีทำ webได้สวยๆค่ะ

โดย: ขนมตะโก้

วันที่: 29 พฤษภาคม 2550 เวลา:16:56:00 น.

แวะมาเก็บเกี่ยวความรู้จ้ะ ขอบคุณมากนะจ๊ะ