跟随鼠标的图片代码(页 1) - 网页编程 - 捌玖网络工作室 |网页制作|平面设计|建站交流|代码资料|建站教程|主机域名|asp、php、jsp代码|网站素材

admin 发表于 2009-6-7 19:19

跟随鼠标的图片代码

将以下代码分别加入到网页的<head>蓝色字体部分</head>和<body>黄色字体部分</body>区域，绿色代码表示跟随鼠标的图片，可以替换成自己的图片，注意路径一定要正确。
3B5ea.C-rS$k
[b]<html>[/b]&cS.Ek5SR5g,Z:kL
[b]<head>Vj5Q"D/Y|O.EH ?
[/b]<meta http-equiv="Content-Type" content="text/html; charset=gb2312">\!LA+Fr'D
<title>捌玖网络网页特效|[url]www.89w.org[/url]|---跟随鼠标的图片</title>'bBW@;I4u
[b][code]<script LANGUAGE="JavaScript">
var newtop=0
var newleft=06ilaUO
if (navigator.appName == "Netscape") {9zt&HM;n1JQd]
layerStyleRef="layer.";
layerRef="document.layers";0@%I]2z$B3OLoLf
styleSwitch="";Cjp/_8b.M%w0e$D
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}XIA)gk2b
function doMouseMove() {_.[R5m6i]V
layerName = 'iit'p"R2rI6q }@
eval('var curElement='+layerRef+'["'+layerName+'"]')
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
eval('curElement'+styleSwitch+'.visibility="visible"')#B)p/}$[yf0B7iR
eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')Wj:e$}2~1X-kFN"a
eval('height=curElement'+styleSwitch+'.height')
eval('width=curElement'+styleSwitch+'.width') u-R\,n!t N2GQ6v
width=parseInt(width)
height=parseInt(height)/`#gA(|@h7AI v
if (event.clientX > (document.body.clientWidth - 5 - width)) `+[1qod4B_;bPA*j$}
{
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width_3h-R'HU2g
}
elseAA1\:`2}VgC
{
newleft=document.body.scrollLeft + event.clientXCHxrzMbi xT
}d@*GCp2\
eval('curElement'+styleSwitch+'.pixelLeft=newleft')%?^{9X9YF4D{
if (event.clientY > (document.body.clientHeight - 5 - height))
{Lol y.|+S
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
}
elsea5PA(Vv
{*v2xw0X'i*l2F
newtop=document.body.scrollTop + event.clientYH?x^2a^Cze(h
}
eval('curElement'+styleSwitch+'.pixelTop=newtop'))B@;K&P#CTt
}
document.onmousemove = doMouseMove;!B] {4c0MD;~(y8L
</script>
[/code][/b]
[b]</head>[/b]

[b]<body>
[/b]
[b][code]<script language="javascript">
if (navigator.appName == "Netscape") {
}#d;Y2cO9L-S&T ]9n;|
else:sb+y7Y'Z&?
{
document.write('<div ID=OuterDiv>')p-Rpx+H
document.write('<img ID=iit src="images/flag.gif" STYLE="position:absolute;TOP:5pt;LEFT:5pt;Z-INDEX:10;visibility:hidden;">')
document.write('</div>')
}
</script>#[/@w)a A2O
[/code][/b]7I d*U+z'ri2\7Z
[b]</body>[/b]
[b]</html>[/b]

页: [1]

捌玖网络工作室's Archiver

跟随鼠标的图片代码