查看: 900|回复: 5

鼠标跟随图片特效

[复制链接]
发表于 2012-1-24 18:57 | 显示全部楼层 |阅读模式
本帖最后由 妍羽 于 2012-1-24 19:16 编辑
 楼主| 发表于 2012-1-24 19:11 | 显示全部楼层

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?欢迎注册中国音画网

×
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-1-24 19:18 | 显示全部楼层
代码如下:

<SCRIPT LANGUAGE="JavaScript">
var image="图片地址"
var newtop=15
var newleft=15
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}

function helpor_net() {

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 = helpor_net;

if (navigator.appName == "Netscape") {

}
else
{
document.write('<div ID="OuterDiv">')
document.write('<img ID="iit" src="'+image+'" STYLE="position:absolute;TOP:20pt;LEFT:20pt;Z-INDEX:20;visibility:hidden;">')
document.write('</div>')
}
</script>
回复 支持 反对

使用道具 举报

发表于 2012-1-24 22:58 | 显示全部楼层
沙发欣赏~~~
回复 支持 反对

使用道具 举报

发表于 2012-1-24 22:58 | 显示全部楼层
谢谢妍羽的代码分享!
回复 支持 反对

使用道具 举报

发表于 2012-1-25 09:10 | 显示全部楼层
谢谢妍羽带来的代码特效!
祝你新年快乐!
回复 支持 反对

使用道具 举报

本版积分规则

Archiver|手机版|小黑屋|中国音画网

GMT+8, 2025-7-6 13:21 , Processed in 0.032240 second(s), 22 queries , Gzip On.

Powered by Discuz! X3.5

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表