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

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

跟随鼠标的图片代码

将以下代码分别加入到网页的<head>蓝色字体部分</head>和<body>黄色字体部分</body>区域，绿色代码表示跟随鼠标的图片，可以替换成自己的图片，注意路径一定要正确。o ? Arwn!}w"A.[
9H*h;NGe1e
[b]<html>[/b]9o b6u4zw C
[b]<head>Tz$yPn?Mf6F
[/b]<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>捌玖网络网页特效|[url]www.89w.org[/url]|---跟随鼠标的图片</title>
[b][code]<script LANGUAGE="JavaScript">
var newtop=0A5~`d.N:I e;ji
var newleft=0
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}fIk ]E
else D$V.L"y3BMdO
{
layerStyleRef="layer.style."; g1[ef h+{5yE
layerRef="document.all";
styleSwitch=".style";
}
function doMouseMove() {5^z6jH5X5x1o
layerName = 'iit'#w v5JKM+}#Z(z}:f{
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')*` HE}V{
width=parseInt(width)XiQ B7Ft J^
height=parseInt(height)l dHZ"N
if (event.clientX > (document.body.clientWidth - 5 - width))~O1C!V4QeLR'iPs
{[E@4i/_2D9Q8?3z
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - widthl tJ(mP
}g&y6e#tN E.{[!p
else7OGG_1Zt-b
{6bB+x [0?Q
newleft=document.body.scrollLeft + event.clientX W+dO]1yw3~
}b u-OHKK?
eval('curElement'+styleSwitch+'.pixelLeft=newleft') {9r;},]K
if (event.clientY > (document.body.clientHeight - 5 - height))+g:S(l2H&utB'_)S&S5Y
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - heightW9F{)LX{y#u!}%s
}
else.CX8[`*m4i4C C
{FR]:k#y,pY
newtop=document.body.scrollTop + event.clientY$m%m0k;U C
}$XZ[R2g%DUj-?`
eval('curElement'+styleSwitch+'.pixelTop=newtop')
}
document.onmousemove = doMouseMove;
</script>
[/code][/b]@0~G%`z9o?HV
[b]</head>[/b]`s)g:FFX&L(e7b

[b]<body>dGU^3tlf#dD
[/b]
[b][code]<script language="javascript">
if (navigator.appName == "Netscape") {
}m xW)P'~]b}]
else
{
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;">')
document.write('</div>')dz9VenP&w1C
}3[9uKV'x
</script>
[/code][/b]$I.Xv k*Gw7]A!qg
[b]</body>[/b]
[b]</html>[/b]

页: [1]

捌玖网络工作室's Archiver

跟随鼠标的图片代码