学习首页 百科 人生课堂 办公软件 英语学习 操作系统 故事会 编程资料 软件学习 设计
铭瑶网 >> 学习首页 >> 编程 >> 图片跟随鼠标
标题：图片跟随鼠标

【字体： 大中小】 时间:2008-4-11 来源:互联网 作者:study

图片跟随鼠标

脚本说明:第一步:把如下代码加入<body>区域中<SCRIPT LANGUAGE="JavaScript">    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>第二步:把如下代码加入<body>区域中<script language="javascript">    if (navigator.appName == "Netscape") {    }    else    {        document.write('<div ID=OuterDiv>')        document.write('<img ID=iit src="http://www.jojoo.net/logo.gif" STYLE="position:absolute;TOP:0pt;LEFT:0pt;width=103;height=28;Z-INDEX:2;visibility:hidden;">')        document.write('</div>')    }</script>

查看/参与:讨论/评论 相关文章：Javascript