Bloggang.com : lozocat :

Hello!!!..

New Friends Come .Some Friends Leave. Hope You keep me into your heart.As i keepyou in mine. I willnever forget you. Promise .

Group Blog

รูปกล่องคอมเม้นท์

Group Blog

ตุลาคม 2550

	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

20 ตุลาคม 2550

สคริปลูกบอลเล็กๆหลายสีเด้งตามเม้าท์

All Blogs

สคริปลูกบอลเล็กๆหลายสีเด้งตามเม้าท์

สคริปลูกบอลเล็กๆหลายลูก+หลายสีเด้งตามเม้าท์
ก็อปปีเโคดในกล่องสกอร์ด้านล่างนำไปวางที่สคริปเอรีย
หรือจะก็อปปี้โคดในกล่องสกอร์ด้านล่างนำไปวางที่กล่องทดสอบโคด
(ดูที่เมนู"ทดสอบโคด"ที่ใต้หัวบล็อก)เพื่อดูหน้าตาของสคริป
ู

<div id="span0" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-yellow.gif"></div>
<div id="span1" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-white.gif"></div>
<div id="span2" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-red.gif"></div>
<div id="span3" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-purple.gif"></div>
<div id="span4" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-pink.gif"></div>
<div id="span5" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-cyan-1.gif"></div>
<div id="span6" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-cyan.gif"></div>
<div id="span7" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-blue.gif"></div>
<div id="span8" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing.gif"></div>
<div id="span9" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-yellow.gif"></div>
<div id="span10" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-white.gif"></div>
<div id="span11" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-red.gif"></div>
<div id="span12" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-purple.gif"></div>
<div id="span13" style="position:absolute;visibility:hidden;"><img src="//i194.photobucket.com/albums/z118/bondslozo/bullet/bullet2/boing-pink.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 : 20 ตุลาคม 2550

9 comments

Last Update : 20 ตุลาคม 2550 18:32:46 น.

Counter : 2511 Pageviews.

ขอบคุณทุกๆคอมเม้นค่ะ
ขอให้สนุกกับการแต่บล็อคทุกๆคนนะคะ
สคริปสวยๆยังมีอีกเยอะไว้จะทยอยลงเรื่อยๆค่ะ
ไม่ค่อยมีเวลาว่างเหมือนเมื่อก่อนสักเท่าไหร่เพราะต้องทำงานค่ะ

โดย: lozocat 20 ตุลาคม 2550 18:52:21 น.