各位大侠，高分急求一段JS代码，关于图片的上下浮动？

<html><head>
<meta http-equiv="Content-Language" content="en-us">
<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>
<script language="JavaScript">
var pic="图片的路径";
var alt="图片的tip文字";
var speed=100;//速度调整，越小越快
var light=1;//如果是1的话就自动改变透明度，否则不改变透明度
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='所想要的图片的链接' 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://lovehy.126.com'>");
document.write("<dd><img SRC='" + pic + "' border='0' alt='" + alt + "'></a></dd>");
document.write("</layer>");
}
</script>
</head><body></body></html>

解决方案 »

  1.   

    这段代码相对有些麻烦。下面给你一个更简单些的。以下这段代码可放在 < body > < /body >之间，其间我加入了一些注释（即“//”后的文字及“ < !—”“-- >”之间的文字）。< SCRIPT FOR=window EVENT=onload LANGUAGE="JScript" >
    initAd();//载入页面后，调用函数initAd()
    < /SCRIPT >
    < script language="JScript" >
    < !--
    function initAd() {
    document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置
    document.all.AdLayer.style.visibility = 'visible'//设置层为可见
    MoveLayer('AdLayer');//调用函数MoveLayer()
    }
    function MoveLayer(layerName) {
    var x = 600;//浮动广告层固定于浏览器的x方向位置
    var y = 300;//浮动广告层固定于浏览器的y方向位置
    var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
    var y = document.body.scrollTop + y - diff;
    eval("document.all." + layerName + ".style.posTop = y");
    eval("document.all." + layerName + ".style.posLeft = x");//移动广告层
    setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()
    }
    //-- >
    < /script >< !--下面为一个ID为AdLayer的层（如ID名不为AdLayer，上面MoveLayer()内的AdLayer也要作相应修改），包括一张带链接的图片-- >
    < div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px' > 
    < a href="http://www.5dmedia.com/bbs" > < img src='../qqkk2000.gif' border="0" height="60" width="60" > < /a > 
    < /div >　　在这里，你可以设置x、y的值来设定所固定层的位置，改变setTimeout("MoveLayer('AdLayer');", 20)中20的值为你希望调用MoveLayer()的时间间隔。还有要注意的是，使用的图片最好为透明背景的gif图，以使图片的背景颜色不至于遮住后面的的内容。
      

  2.   

    body 有 onscroll 事件你在这事件里面把body.scrollLeft和body.scrollTop值加到图片本身位置的前面就可以了
      

  3.   

    我感觉这个比较好,直接粘入就可使用,有演示,楼主看一下<table width=700 border=0 cellpadding=0 cellspacing=0>                                                                                                          
     <tr><td>                                                                                                                                                                                         
      <div id=demo style=overflow:hidden;height:120;width:700;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
      <table border=0 cellpadding=0 cellspacing=0>
      <tr><td><a href=# target=_blank><img src="/jsimg/1.jpg" width=150 height=100  class=b5 hspace=22></a><br><center><b>说明一</b></center></td>
      <td width=30></td>
      <td><a href=# target=_blank><img src="/jsimg/2.jpg" width=150 height=100  class=b5 hspace=22></a><br><center><b>说明二</b></center></td></td>
      <td width=30></td>
      <td><a href=# target=_blank><img src="/jsimg/3.jpg" width=150 height=100  class=b5 hspace=22></a><br><center><b>说明三</b></center></td>
      <td><a href=# target=_blank><img src="/jsimg/4.jpg" width=150 height=100  class=b5 hspace=22></a><br><center><b>说明四</b></center></td>
      <td width=30></td>
      <td><a href=# target=_blank><img src="/jsimg/5.jpg" width=150 height=100  class=b5 hspace=22></a><br><center><b>说明五</b></center></td>  </tr>
      </table>
     </td><td id=demo2 valign=top></td></tr></table></div>
      <script>
      var speed=10//速度数值越大速度越慢
      demo2.innerHTML=demo1.innerHTML
      function Marquee(){
      if(demo2.offsetWidth-demo.scrollLeft<=0)
      demo.scrollLeft-=demo1.offsetWidth
      else{
      demo.scrollLeft++
      }
      }
      var MyMar=setInterval(Marquee,speed)
      demo.onmouseover=function() {clearInterval(MyMar)}
      demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
      </script>
     </td></tr>                                                                                                                                                                                                                            
     </table>
    效果演示:http://www.smallrain.net/js_show.asp?id=722