Tag: 图片跟随鼠标预览模式: 普通 | 列表

[鼠标特效]图片跟随鼠标

脚本说明:
第一步:把如下代码加入<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')

查看更多...

Tags: 鼠标特效 图片跟随鼠标

分类:网页代码 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 142