图片跟着鼠标,你到哪,我到哪

代码简介:

是有意思的效果,死咬着鼠标不放,你到那我到那,Js实现,还是不错的。

代码内容:

View Code
<html>
<head>
<title>图片跟着鼠标,你到哪,我到哪 - www.webdm.cn</title>
</head>
<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>

<script language="javascript">
if (navigator.appName == "Netscape") {

}
else
{
document.write(
'<div ID=OuterDiv>')
document.write(
'<img ID=iit src="http://www.webdm.cn/images/lang.jpg"

STYLE="position:absolute;TOP:0pt;LEFT:0pt;Z-INDEX:2;visibility:hidden;">
')
document.write(
'</div>')
}
</script>
</body>
</html>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有

质量的网页代码!</p>

 

代码来自http://www.webdm.cn/webcode/f15bba81-c5eb-40ce-bfb9-99a416a73f5a.html

posted @ 2012-03-08 09:26  网页代码站  阅读(562)  评论(0编辑  收藏  举报