HELP!以下随机移动图片代码为什么无效?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head><title>随机移动的图片</title></head>
<body>
<script type="text/javascript">
<!--
var mvtLight="dog.jpg"
var mvtWidth=60
var mvtHeight=60
var mvtLink="http://www.jzzy.com"
var mvtAlt="飘动的图片"
brOK=navigator.javaEnabled()? true:false
ns4=(document.layers)? true:false //判断是否有Netscape浏览器
ie4=(document.all)? true:false //判断是否有IE浏览器
if(ns4){
document.write('<layer id="mvt" width="40" height="60"><a href="'+mvtLink+'" target=_blank>
<img src="'+mvtLight+'" border=0 width="'+mvtWidth+'" height="'+mvtHeight+'" alt="'+mvtAlt+'></a></layer>');
}
else{
document.write('<div id="mvt" style="position:absolute;width:40;height:60;"><a href="'+mvtLink+'" target=_blank>
<img src="'+mvtLight+'" border=0 width="'+mvtWidth+'" height="'+mvtHeight+'" alt="'+mvtAlt+'"></a></div>');
}
var vmin=2;
var vmax=5;
var vr=2;
var timer1;
function chip(chipname,widht,height)
{this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}
function movechip(name)
{
if(brOK)
{eval("chip="+chipname);
if(ns4)
{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.documen.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=(-max-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(ns4){
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+"')",100);//设置每0.1秒移动一次
}
}
function stopme(chipname)
{if(brOK)
{
eval("chip="+chipname);
if(chip.timer1!=null)
{clearTimerout(chip.timer1)}
}
}
var mvt;
function mvt()
{
mvt=new Chip("mvt",60,80);
if(brOK){
movechip("mvt");
}
}
window.onload=mvt();
//-->
</script>
</body>
</html>

解决方案 »

  1.   

    现在更改如下,仍然无法达到随机移动的效果!?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head><title>随机移动的图片</title></head>
    <body>
    <script type="text/javascript">
    <!--
    var mvtLight="dog.jpg"; //此处改为你自己的图片
    var mvtWidth=60;
    var mvtHeight=60;
    var mvtLink="http://www.jzzy.com"; //图片超链接
    var mvtAlt="飘动的图片"; //替换文本
    brOK=navigator.javaEnabled()? true:false; //判断浏览器是否支持javascript(三目运算符)
    ns4=(document.layers) ?true:false; //判断是否有Netscape浏览器
    ie4=(document.all) ?true:false; //判断是否有IE浏览器
    if(ns4)
    {
    document.write('<layer id="mvt" width="40" height="60"><a href="'+mvtLink+'" target=_blank><img src="'+mvtLight+'" border=0 width="'+mvtWidth+'" height="'+mvtHeight+'" alt="'+mvtAlt+'></a></layer>');
    }
    else
    {
    document.write('<div id="mvt" style="position:absolute;width:40;height:60;"><a href="'+mvtLink+'" target=_blank><img src="'+mvtLight+'" border=0 width="'+mvtWidth+'" height="'+mvtHeight+'" alt="'+mvtAlt+'"></a></div>');
    }
    var vmin=2;
    var vmax=5;
    var vr=2;
    var timer1;
    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=0;
    this.yy=0;
    this.timer1=null;
    }
    function movechip(name)
    {
    if(brOK)
    {
    eval("chip="+chipname);
    if(ns4)
    {
    pageX=window.pageXoffset;
    pageW=window.innerwidth;
    pageY=window.pageYOffset;
    pageH=window.innerHeight;
    }
    else
    {
    pageX=window.document.body.scrollLeft; //设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
    pageW=window.document.body.offsetWidth; //obj 控件自身的宽度
    pageY=window.document.body.scrollTop; //设置或获取位于对象顶边界和窗口中目前可见内容的最左端之间的距离
    pageH=window.document.body.offsetHeight; //obj 控件自身的高度
    }
    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=(-max-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(ns4)
    {
    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+"')",100); //设置每0.1秒移动一次
    }
    }
    function stopme(chipname)
    {
    if(brOK)
    {
    eval("chip="+chipname);
    if(chip.timer1!=null)
    {clearTimerout(chip.timer1)}
    }
    }
    var mvt;
    function mvt()
    {
    mvt=new Chip("mvt",60,80);
    if(brOK)
    {
    movechip(mvt);
    }
    }
    window.onload=mvt();
    //-->
    </script>
    </body>
    </html>
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head><title>随机移动的图片</title></head>
    <body>
    <script type="text/javascript">
    <!--
    var mvtLight="dog.jpg"; //此处改为你自己的图片
    var mvtWidth=60;
    var mvtHeight=60;
    var mvtLink="http://www.jzzy.com"; //图片超链接
    var mvtAlt="飘动的图片"; //替换文本
    brOK=navigator.javaEnabled()? true:false; //判断浏览器是否支持javascript(三目运算符)
    ns4=(document.layers) ?true:false; //判断是否有Netscape浏览器
    ie4=(document.all) ?true:false; //判断是否有IE浏览器
    if(ns4)
    {
    document.write('<layer id="mvt" width="40" height="60"><a href="'+mvtLink+'" target=_blank><img src="'+mvtLight+'" border=0 width="'+mvtWidth+'" height="'+mvtHeight+'" alt="'+mvtAlt+'></a></layer>');
    }
    else
    {
    document.write('<div id="mvt" style="position:absolute;width:40;height:60;"><a href="'+mvtLink+'" target=_blank><img src="'+mvtLight+'" border=0 width="'+mvtWidth+'" height="'+mvtHeight+'" alt="'+mvtAlt+'"></a></div>');
    }
    var vmin=2;
    var vmax=5;
    var vr=2;
    var timer1;
    function chip(chipname,width,height)
    {
    this.named=chipname;
    this.vx=vmin+vmax*Math.random(); //this.vx的值位大于2小于7
    this.vy=vmin+vmax*Math.random();
    this.w=width;
    this.h=height;
    this.xx=0;
    this.yy=0;
    this.timer1=null;
    }
    function movechip(chipname)
    {
    if(brOK)
    {
    eval("chip="+chipname);
    if(ns4)
    {
    pageX=window.pageXoffset;
    pageW=window.innerwidth;
    pageY=window.pageYOffset;
    pageH=window.innerHeight;
    }
    else
    {
    pageX=window.document.body.scrollLeft; //设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
    pageW=window.document.body.offsetWidth; //obj 控件自身的宽度
    pageY=window.document.body.scrollTop; //设置或获取位于对象顶边界和窗口中目前可见内容的最左端之间的距离
    pageH=window.document.body.offsetHeight; //obj 控件自身的高度
    }
    chip.xx=chip.xx+chip.vx;
    chip.yy=chip.yy+chip.vy;
    chip.vx+=vr*(Math.random()-0.5); //相当于chip.vx=chip.vx+vr*(Math.random()-0.5),chip.vx位大于1小于8.
    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=(-max-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(ns4)
    {
    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+"')",100); //设置每0.1秒移动一次
    }
    }
    function stopme(chipname)
    {
    if(brOK)
    {
    eval("chip="+chipname);
    if(chip.timer1!=null)
    {clearTimeout(chip.timer1)}
    }
    }
    var mvt;
    function mvt()
    {
    mvt=new Chip("mvt",60,80);
    if(brOK)
    {
    movechip(mvt);
    }
    }
    window.onload=mvt();
    //-->
    </script>
    </body>
    </html>