您的位置:寻梦网首页编程乐园CSS 初步DHTML动态效果实例
设定图片的飞行路径

上一页 返回目录 下一页

名称:

设定图片的飞行路径

实例:

 

 

 

 

 

 

 

 

gear
教程: 第一步,将下面的代码加入html的<head></head>之间

<SCRIPT language=JavaScript>
bName = navigator.appName;
bVer = parseInt(navigator.appVersion); 

if (bName == "Netscape" && bVer == 4) ver = "n";
else if (bName == "Microsoft Internet Explorer" && bVer == 4) ver = "ie";


function init() {
if (ver == "n") {
pic = document.picDiv
pic.xcor = pic.left
pic.ycor = pic.top
}
else if (ver == "ie") {
pic = picDiv.style
pic.xcor = pic.pixelLeft
pic.ycor = pic.pixelTop
}

pic.pathx = new Array(64,78,105,146,203,263,334,392,432,463,476,466,445,416,385,352,344,343,319,
279,272,276,273,244,202,167,132,107,78,54)

pic.pathy = new Array(74,102,135,159,186,197,203,207,185,154,121,80,64,57,59,81,109,138,153,140,
114,89,53,43,42,45,54,35,26,52)


//Control Panel for Variables
pic.pathcor = 0 //don't change
pic.active = 1 // set to 1 to begin when page loads
pic.pathloop = 1 // set to 1 to loop, 0 not to loop
speed = .1 // time between points in seconds

picpath()}

function picpath() {
if (pic.active && pic.pathcor < pic.pathx.length) {
pic.xcor = pic.pathx[pic.pathcor]
pic.ycor = pic.pathy[pic.pathcor]
pic.left = pic.xcor
pic.top = pic.ycor
pic.pathcor += 1
setTimeout("picpath()",speed*1000) 
}

else {
if (pic.active && pic.pathloop && pic.active) {
pic.pathcor = 0
picpath()
}
else pic.active = 0
}
}

//-->

</SCRIPT>

<STYLE type=text/css>#picDiv {
HEIGHT: 90px; LEFT: 101px; POSITION: absolute; TOP: 185px; WIDTH: 90px
}
</STYLE>

第二步,将body语句改为

<body onload=init()>

第三步,将下面的代码加入<body>语句后面

<DIV id=picDiv><IMG alt=gear border=0 src="ajie.gif" width=80 height=102 ></DIV>

 

说明: 上面的pic.pathx和pic.pathy分别设定移动路径的x,y坐标。

speed=.1设定速度,src="ajie.gif"改为你自己的图片,就可以了

 

上一页 返回目录 下一页