跟随鼠标移动的图片为什么不动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
var newtop=0;
var newleft=0;
if(navigator.appName="Netscape")
{
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style";
layerRef="document.all";
sytleSwitch=".style";
}
function doMouseMove()
{
layerName='hh';
eval('var curElement='+layerRef+'["'+layerName+'"]');
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
eval('curElement'+styleSwitch+'.visibility="visible"');
eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth');
eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight');
eval('height=curElement'+styleSwitch+'.height');
eval('width=curElement'+styleSwitch+'.width');
width=parseInt(width);
height=parseInt(height);
if(event.clientX>(document.body.clientWidth-5-width))
{
newleft=document.body.clientWidth+document.body.scrollLeft-5-width;
}
else
{
newleft=document.body.scrollLeft+event.clientX;
}
eval('curElement'+styleSwitch+'.pixelLeft=newleft');
if(event.clientY>(document.body.clientHeight-5-height))
{
newtop=document.body.clientHeight+document.body.scrollTop-5-height;
}
else
{
newtop=document.body.scrollTop+event.clientY;
}
eval('curElement'+styleSwitch+'.pixelTop=newtop');
}
document.onmouseMove=doMouseMove();
</script>
</head><body>
跟随鼠标的图片<script language="javascript">
if(navigator.appName=="Netscape")
{

}
else
{
document.write('<div id=OuterDiv>');
document.write('<img id=hh src="7.jpg" style="position:absolute;TOP:100pt;left:100pt;z-index:10;visivility:hidden;">');
document.write('</div>');
}
</script>
</body>
</html>

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script>
    var newtop=0;
    var newleft=0;
    if(navigator.appName="Netscape")
    {
        layerStyleRef="layer.";
        layerRef="document.layers";
        styleSwitch="";
    }
    else
    {
        layerStyleRef="layer.style";
        layerRef="document.all";
        sytleSwitch=".style";
    }
    function doMouseMove()
    {
        layerName='hh';
        eval('var curElement='+layerRef+'["'+layerName+'"]');
        eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
        eval('curElement'+styleSwitch+'.visibility="visible"');
        eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth');
        eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight');
        eval('height=curElement'+styleSwitch+'.height');
        eval('width=curElement'+styleSwitch+'.width');
        width=parseInt(width);
        height=parseInt(height);
        if(event.clientX>(document.body.clientWidth-5-width))
        {
            newleft=document.body.clientWidth+document.body.scrollLeft-5-width;
        }
        else
        {
            newleft=document.body.scrollLeft+event.clientX;    
        }
        eval('curElement'+styleSwitch+'.pixelLeft=newleft');
        if(event.clientY>(document.body.clientHeight-5-height))
        {
            newtop=document.body.clientHeight+document.body.scrollTop-5-height;    
        }
        else
        {
            newtop=document.body.scrollTop+event.clientY;    
        }
        eval('curElement'+styleSwitch+'.pixelTop=newtop');
    }
    document.onmouseMove=doMouseMove();
    </script>
    </head><body>
    跟随鼠标的图片<script language="javascript">
    if(navigator.appName=="Netscape")
    {
            
    }
    else
    {
        document.write('<div id=iit>');
        document.write('<img id=hh src="7.jpg" style="position:absolute;TOP:100pt;left:100pt;z-index:10;visivility:hidden;">');
        document.write('</div>');    
    }
    </script>
    </body>
    </html>
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script>
    var newtop=0
    var newleft=0
    if (navigator.appName == "Netscape") {
    layerStyleRef="layer.";
    layerRef="document.layers";
    styleSwitch="";
    }
    else
    {
    layerStyleRef="layer.style.";
    layerRef="document.all";
    styleSwitch=".style";
    }
    function doMouseMove() {
    layerName = 'iit'
    eval('var curElement='+layerRef+'["'+layerName+'"]')
    eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
    eval('curElement'+styleSwitch+'.visibility="visible"')
    eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
    eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
    eval('height=curElement'+styleSwitch+'.height')
    eval('width=curElement'+styleSwitch+'.width')
    width=parseInt(width)
    height=parseInt(height)
    if (event.clientX > (document.body.clientWidth - 5 - width))
    {
    newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
    }
    else
    {
    newleft=document.body.scrollLeft + event.clientX
    }
    eval('curElement'+styleSwitch+'.pixelLeft=newleft')
    if (event.clientY > (document.body.clientHeight - 5 - height))
    {
    newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
    }
    else
    {
    newtop=document.body.scrollTop + event.clientY
    }
    eval('curElement'+styleSwitch+'.pixelTop=newtop')
    }
    document.onmousemove = doMouseMove;
    </script>
    </head><body>
    跟随鼠标的图片<script language="javascript">
    if (navigator.appName == "Netscape") {
    }
    else
    {
    document.write('<div ID=OuterDiv>')
    document.write('<img ID=iit src="7.jpg" STYLE="position:absolute;TOP:5pt;LEFT:5pt;Z-INDEX:10;visibility:hidden;">')
    document.write('</div>')
    }
    </script>
    </body>
    </html>
    这个 上面发错了 。