求救：能够在页面中四处移动的图片的脚本怎么做出来的！！！

很多地方有,下来看看就知道<html><head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head><body>
<script>
document.write('<DIV id=mov6 style="POSITION: absolute; width: 10px; height: 10px"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=80 HEIGHT=80><PARAM NAME=movie VALUE="http://www.163.net/ad/adv/netcn/netcn_100x100.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="http://www.163.net/ad/adv/netcn/netcn_100x100.swf" quality=high bgcolor=#FFFFFF  WIDTH=80 HEIGHT=80 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT><img src="http://bjad.163.net/image.ng/site=www163net&channel=163mainpage&SpaceDesc=mainpage&location=moving2" width="1" height="1" border="0"></DIV>');var xPos = 250;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 20; 
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
mov6.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = mov6.offsetHeight;
Woffset = mov6.offsetWidth;
mov6.style.left = xPos + document.body.scrollLeft;
mov6.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
   }
}
function start() {
mov6.visibility = "visible";
interval = setInterval('changePos()', delay);
}start();
</script></body></html>

解决方案 »

  1.   

    dreamweaver mx自带有这方面的功能的，你可以直接利用它做，不用考虑太多的代码的，其实它的代码也非常长，看起来也非常麻烦，这方面的例子到google里面搜索一下，很多的
      

  2.   

    把它写成一个.js脚本，在页面中调用就可以了。
    不要用dw自己生成，它只会到处点点儿，再移动，丑得要命！*****************************脚本如下***************************var pic="images/flag.gif";
    var alt="点击进入热点讨论：十六大专题";
    var speed=120;
    var light=0;
     
    var stop=0;
    var num=0;
     
    var brOK=false;
    var mie=false;
    var aver=parseInt(navigator.appVersion.substring(0,1));
    var aname=navigator.appName;
     
    var vmin=2;
    var vmax=5;
    var vr=2;
    var timer1;
     
    var allyes;
     
    var ns = (document.layers) ? 1 : 0;
    var ie = (document.all) ? 1 : 0;
    var bFade=false;
     
    function checkbrOK(){
     if(aname.indexOf("Internet Explorer")!=-1){
      if(aver>=4) brOK=navigator.javaEnabled();
      mie=true;
     }
     if(aname.indexOf("Netscape")!=-1){
      if(aver>=4) brOK=navigator.javaEnabled();
     }
    }function Chip(chipname,width,height){
     this.named=chipname;
     this.vx=vmin+vmax*Math.random();
     this.vy=vmin+vmax*Math.random();
     this.w=width;
     this.h=height;
     this.xx=10;
     this.yy=10;
     this.timer1=null;
    }
     
    function movechip(chipname){
    if (stop!=1){
    if(brOK){
     eval("chip="+chipname);
     if(!mie){
      pageX=window.pageXOffset;
      pageW=window.innerWidth;
      pageY=window.pageYOffset;
      pageH=window.innerHeight;
     }
     else{
      pageX=window.document.body.scrollLeft;
      pageW=window.document.body.offsetWidth;
      pageY=window.document.body.scrollTop;
      pageH=window.document.body.offsetHeight;
     } 
     chip.xx=chip.xx+chip.vx;
     chip.yy=chip.yy+chip.vy;
     chip.vx+=vr*(Math.random()-0.5);
     chip.vy+=vr*(Math.random()-0.5);
     if(chip.vx>(vmax+vmin))  chip.vx=(vmax+vmin)*2-chip.vx;
     if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
     if(chip.vy>(vmax+vmin))  chip.vy=(vmax+vmin)*2-chip.vy;
     if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
     if(chip.xx<=pageX){
      chip.xx=pageX;
      chip.vx=vmin+vmax*Math.random();
     }
     if(chip.xx>=pageX+pageW-chip.w){
      chip.xx=pageX+pageW-chip.w;
      chip.vx=-vmin-vmax*Math.random();
     }
     if(chip.yy<=pageY){
      chip.yy=pageY;
      chip.vy=vmin+vmax*Math.random();
     }
     if(chip.yy>=pageY+pageH-chip.h){
      chip.yy=pageY+pageH-chip.h;
      chip.vy=-vmin-vmax*Math.random();
     }
     if(!mie){
      eval("document."+chip.named+".top ="+chip.yy);
      eval("document."+chip.named+".left="+chip.xx);
     } 
     else{
      eval("document.all."+chip.named+".style.pixelLeft="+chip.xx);
      eval("document.all."+chip.named+".style.pixelTop ="+chip.yy); 
     }
     chip.timer1=setTimeout("movechip('"+chip.named+"')",speed);
    }
    }
    else {chip.timer1=setTimeout("movechip('"+chip.named+"')",speed);}
    if (ie){
     if (light==1){
      var nOpacity=oImg.filters.alpha.opacity;
      if (nOpacity>=100) bFade=true;
      if (nOpacity<=0) bFade=false;
      if (bFade) oImg.filters.alpha.opacity--;
      if (!bFade) oImg.filters.alpha.opacity++;
     }
    }
     
    }
     
    function stopme(chipname){
     if(brOK){
      eval("chip="+chipname);
      if(chip.timer1!=null){
       clearTimeout(chip.timer1)
      }
     }
    }
     
    function allyes1(){
    if (num==0){
     checkbrOK(); 
     allyes=new Chip("allyes",100,80);
     if(brOK) {
      movechip("allyes");
     }
    }
     num++;
    }
     
    if (ie){
    document.write("<div ID='allyes' STYLE='position:absolute;left: 10px; top: 10px;'>");
    document.write("<a HREF='http://www2.gliet.edu.cn/student/morality/16da/dj16da.asp' target=_blank>");
    if (light==1){
    document.write("<dd><img SRC='" + pic + "' onload='allyes1()' ID='oImg' border='0' alt='" + alt + "' style='position:absolute;left:200px;top:200px;filter:alpha(opacity=50);' onMouseOver='stop=1;' onMouseOut='stop=0;'></a></dd>");
    }
    else if (light==0){
    document.write("<dd><img SRC='" + pic + "' onload='allyes1()' border='0' alt='" + alt + "' onMouseOver='stop=1;' onMouseOut='stop=0;'></a></dd>");
    }
    document.write("</div>");
    }
    else if (ns){
    document.write("<layer name='allyes' visibility=\"show\" onMouseOver='stop=1;' onMouseOut='stop=0;'  onload='allyes1()' >");
    document.write("<a HREF='http://www2.gliet.edu.cn/student/morality/16da/dj16da.asp' target=_blank>");
    document.write("<dd><img SRC='" + pic + "' border='0' alt='" + alt + "'></a></dd>");
    document.write("</layer>");
    }