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

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

跟随鼠标的图片代码

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

[b]<html>[/b]
[b]<head>1J+JQ] {e{
[/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=0a:P3s4@^;D)L9H;T
var newleft=0KzOi)R:sr.X
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";7o&dZ!P E3ez
layerRef="document.layers";`jq2|`%Y L3E
styleSwitch="";
}n%\+NN x(g"m [!R
else Al J"q#dYY.h9x!m8J
{,^&W/s"c C4mtg
layerStyleRef="layer.style.";
layerRef="document.all";%}z+k-m7lER lb
styleSwitch=".style";4O,e*`3|bW
}
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')7o?2j\T0R H
eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
eval('height=curElement'+styleSwitch+'.height')
eval('width=curElement'+styleSwitch+'.width')0W1PK\#vL*H
width=parseInt(width)zVI?8o5Pc(ef
height=parseInt(height)*V1VX$zvZW,OU
if (event.clientX > (document.body.clientWidth - 5 - width))!e/{,Q9sJ.g7h
{ ?3I#g$Yr!Ru!h(B A
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
}#~Ko [QA~
else
{ W|EGe@
newleft=document.body.scrollLeft + event.clientXU(JV/?)~zl
}
eval('curElement'+styleSwitch+'.pixelLeft=newleft')!V:ke"yjZ
if (event.clientY > (document.body.clientHeight - 5 - height))0Zk+Ksfi1w/x%|
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
};JL Kv AL
else
{i8EUB/H9iQ&[y
newtop=document.body.scrollTop + event.clientY9U0Z E(Evl Q/E
}f7M,M8o(cfH%J
eval('curElement'+styleSwitch+'.pixelTop=newtop')Wdw%P,zE_(]-d
}
document.onmousemove = doMouseMove; [[i&_wd Q-`"Xo
</script>V`h;?AcJ4v
[/code][/b]vg3aSH1L*j4ohc
[b]</head>[/b]V|#p3L4J9km1E2h+w
m;^\,Z7U
[b]<body>
[/b][K/~L8m9T5D
[b][code]<script language="javascript">
if (navigator.appName == "Netscape") {3k| {;ki1f#G6\?6X
}
else:E2]?#_$]
{
document.write('<div ID=OuterDiv>')i9zwQjA/?
document.write('<img ID=iit src="images/flag.gif" STYLE="position:absolute;TOP:5pt;LEFT:5pt;Z-INDEX:10;visibility:hidden;">')
document.write('</div>')
}6F(r"}C;\,}s#k
</script>
[/code][/b]
[b]</body>[/b]
[b]</html>[/b]

页: [1]

捌玖网络工作室's Archiver

跟随鼠标的图片代码