图片跟随鼠标-JS特效-爱易网页

图片跟随鼠标

日期：2014-05-18　浏览次数：20274 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
第一步:把如下代码加入<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.aiyiweb.com/images/link.gif" STYLE="position:absolute;TOP:0pt;LEFT:0pt;width=26;height=26;Z-INDEX:2;visibility:hidden;" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>')
        document.write('</div>')
    }
</script>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

图片跟随鼠标

相关资料更多>

推荐阅读更多>