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

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

跟随鼠标的图片代码

将以下代码分别加入到网页的<head>蓝色字体部分</head>和<body>黄色字体部分</body>区域，绿色代码表示跟随鼠标的图片，可以替换成自己的图片，注意路径一定要正确。

[b]<html>[/b]qPX7R,g"}(C
[b]<head>(R2KX7rx!@b0F-Wp
[/b]<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>捌玖网络网页特效|[url]www.89w.org[/url]|---跟随鼠标的图片</title>
[b][code]<script LANGUAGE="JavaScript">w!Y#x+R7cb/qK3J
var newtop=0
var newleft=0
if (navigator.appName == "Netscape") {W$U~P}
layerStyleRef="layer.";
layerRef="document.layers";Sp[hC|c
styleSwitch="";
}Ri$o8pxt'p
else
{
layerStyleRef="layer.style.";)JP,a6qm.C.n5Kv5PJ
layerRef="document.all";#rY9[,[wGrd5HE
styleSwitch=".style";3?],Sl)g Z
}o\ Q.J:c"d5a{D/x i
function doMouseMove() {
layerName = 'iit'MQ#L)t;@EW6^+t
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')O+J^UJd-fO-Uv
width=parseInt(width)"\Yy;i"pBO*@:I
height=parseInt(height)
if (event.clientX > (document.body.clientWidth - 5 - width))
{(f4\h'a6OB
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
}$q5q [*]:[({Vo
elseuOe!zC`*f4S nb"}k
{'Al-zn^*hD)l_
newleft=document.body.scrollLeft + event.clientX*P8f6k_U*^1[/iK
}
eval('curElement'+styleSwitch+'.pixelLeft=newleft')
if (event.clientY > (document.body.clientHeight - 5 - height))G1E-h|v6R
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height&GKcP"P"MQw^G2wNd
}a6x cX'a*y(M2b2k c2x
else@N6mE F?X
{tN@s;J)r
newtop=document.body.scrollTop + event.clientYAm sw1O$dEA4T3J
}WcV)Yf^5N@
eval('curElement'+styleSwitch+'.pixelTop=newtop')
}4?iE6@6_@E
document.onmousemove = doMouseMove;7wC6KEp
</script>
[/code][/b]
[b]</head>[/b]J4U5Dw8B
ayR'h_c!p
[b]<body>}VUcYnZY
[/b]
[b][code]<script language="javascript">
if (navigator.appName == "Netscape") {1r#r!m0k+f8C `
}
else|2I%Y}*zW:a
{
document.write('<div ID=OuterDiv>')
document.write('<img ID=iit src="images/flag.gif" STYLE="position:absolute;TOP:5pt;LEFT:5pt;Z-INDEX:10;visibility:hidden;">')0l'LBp"Fc;d
document.write('</div>')/m[cA.{jtU
}
</script>
[/code][/b]0eWPB)q+s2_~"A1v8l Y
[b]</body>[/b]:N9\E$I:o[
[b]</html>[/b]

页: [1]

捌玖网络工作室's Archiver

跟随鼠标的图片代码