上一页 下一页 返回教程首页
名称
点击后会飞行图片
实例
[飞行的图片]
请点击以上链接
教程
第一步：拷贝下面的代码到你的html文件的<head>和</head>之间；
<style type="text/css"> <!-- body { color:#000000; background-color:rgb(255,255,255); width:450; text-align:justify; } --> </style> <script type="text/javascript"> <!-- // myBrowser=navigator.appName myVersion=navigator.appVersion var version45=(myVersion.indexOf("4.")!=-1||myVersion.indexOf("5.")!=-1) var NS=(myBrowser.indexOf("Netscape")!=-1 && version45) var IE=(myBrowser.indexOf("Explorer")!=-1 && version45) if(!NS&&!IE)alert("这个程序必须运行在 NS4.0+ 或IE4.0+版本") // --> </SCRIPT>
第二步：拷贝下面的代码到你的html文件的<body>和</body>之间；
<div id=spider style="position:absolute;left:30;top:300;"><img src=image1.gif name=spiderX width="140px" height="40px"> </div> <script language=javaScript> <!-- if(IE)var spider = document.all.spider.style if(NS)var spider = document.spider journey = new Array('40,300','45,325','80,320','120,380','120,380','180,400','300,400','480,10'); si=segmentIndex=journey.length; fps=framesPerSegment=8; mspf=msPerFrame=10; segment = new Array(); cs=currentSegment=0; cf=currentFrame=0; function theJourney(cs,cf) { if(cs==0 || cs<si && cf==0) { segment[cs]=journey[cs]+','+journey[cs+1] xyCoords=segment[cs].split(',') x1=xyCoords[0] y1=xyCoords[1] x2=xyCoords[2] y2=xyCoords[3] cs++; } if(cf==0 || cf<fps ) { cf++; moveX = parseInt(parseInt(x1)+(cf*(parseInt(x2)-parseInt(x1))/fps)); moveY = parseInt(parseInt(y1)+(cf*(parseInt(y2)-parseInt(y1))/fps)); } if(cf==fps&&cs<si)cf=0; if(cs<=si&&cf<fps) { if(IE) { if(moveY>0)spider.top=moveY; if(moveX>0)spider.left=moveX; } if(NS) { if(moveY>0)spider.pageY=moveY; if(moveX>0)spider.pageX=moveX; } setTimeout('theJourney('+cs+','+cf+')',mspf) } } //--> </script>
说明：将第二步中的image1.gif改为你自己的图片就可以了
