|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14321
- 金币
- 2446
- 威望
- 1647
- 贡献
- 1394
|
将以下代码分别加入到网页的<head>蓝色字体部分</head>和<body>黄色字体部分</body>区域，绿色代码表示跟随鼠标的图片，可以替换成自己的图片，注意路径一定要正确。
$ o! s4 |' A( p& d }9 V8 L5 n6 U/ n W, ~, O& Y! B7 o& N
<html>
7 @* w+ `$ v5 E/ J0 w' c. e<head>
* o2 z8 A" z1 v1 {3 R* t& G<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
9 {/ d6 A; C4 Q) r% Y<title>捌玖网络网页特效|www.89w.org|---跟随鼠标的图片</title>! e1 e3 O2 i7 k9 m
- <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>
# Y; | f6 G: z+ t) g) L</head>
9 n8 z& R9 J7 p& t" A2 w8 d: Y' q+ t% S0 A, E v2 ]
<body>$ J* y" F2 {: z% U% M5 ~
<!-- 以下代码是设定此页的鼠标样式代码 -->
% C* ^7 z% [; b8 w1 V* ?8 S" }5 J- <script language="javascript">
- if (navigator.appName == "Netscape") {
- }
- 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>')
- }
- </script>
- p; L, h; z/ u5 q7 s3 r+ i</body>
" F; a) l8 K; J% {* g; E</html> |
|
发表于 2009-6-7 19:19
| 