|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间' I& M# ]3 x" a: ~2 A' d4 G
<SCRIPT language=javascript >8 d0 y2 }' w- `5 [7 S1 d
document.write(
7 q, g+ A# W; s/ v"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\, m7 {* C+ A2 U
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
1 f g( o# W6 i8 |9 Q4 U0 F7 m! P* ]1 C) S
function showtip(text) //显示链接的说明
5 d x- u8 C3 \& \2 d{
4 \# Y: Y7 \9 t$ f6 y: a! | if (document.all&&document.readyState=="complete") //针对IE
: P6 s) I c7 r0 u" Q/ d {( i+ p. O; v& L7 q/ ]
$ }$ R% s2 `7 i6 P document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";2 `5 D7 V k$ n. e
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
9 Q B3 w) X( T- K$ P, { document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;( _- K* n C. j' u4 d) k! `
document.all.tooltip.style.visibility="visible";
5 }/ B2 A0 v7 D+ V8 ?9 b9 \0 U }
/ [) I% y$ k6 K- V}
0 w: R* {- N' A+ F- J9 D t* o6 ], x
, i/ K3 T8 q6 y( yfunction hidetip()
2 L, Z7 D: O4 o1 _{5 E+ l7 J& h. b; f1 _8 S
if (document.all)
" J, Z7 _* x: O document.all.tooltip.style.visibility="hidden";1 `: l6 s: w% `5 D
}
* b# c5 k+ Q4 S: j$ R5 ` e' i* n9 c/ ], q$ M% l
function setcolor(fntcolor,bgcolor)
. f$ I" ]5 [, a9 f- H{8 a9 B8 p t2 h4 M
document.all.tooltip.style.bgcolor=bgcolor;
/ d3 \8 F9 h* I }% ? document.all.tooltip.innerHTML.Color = fntcolor;8 q7 L0 }9 N0 T
}
0 J* K; h- }1 i F+ K6 b3 x
n& T5 e' @$ [3 Cfunction showhint(text)
4 p3 B& [- V' p" D{
/ P1 u! ~0 }" K& f onmousemove=showtip(text);' v$ q8 f( h$ Q# a( T
onmouseover=showtip(text);# ^2 |9 g9 y) \" U$ j
onmouseout=hidetip();
( a0 v0 J) b' \' w% U) m ?}0 X$ B! f- w {7 ~( p* W0 K
</SCRIPT>
1 ?9 c$ J3 e& r2 c( D/ a! M/ S. L- l6 D) Y. g; D: R
& Z) a5 c% o1 u; w. f* G" M
- j* i# `0 B4 G% E+ U$ L# F8 s5 V$ Y+ q y
( R" @) V7 k$ t6 @. X7 p" E4 O
9 P( S- O2 v7 o二：将下面的代码复制到〈BODY〉区
5 C6 t7 e6 j# d1 G3 J<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 , P! |' j( X* a# M2 T4 E4 p
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">: b2 `! W$ H8 F# W
<tbody> 0 Y) u4 M" Q7 P$ P) ^/ g" j
<tr align="center" bgcolor="#ffdfd0">
! \8 R8 _3 s: X% A c. H s$ U <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
, r& B% e5 H8 P7 s3 A target=_blank>赏心悦目</a></td>
J, j6 }# B+ D& M, s& G <td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" 1 H; B/ J, R) A9 {8 p$ P! q
onMouseOut=hidetip()>网页素材</a></td>5 m' b. u/ T+ n3 d4 b
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() . ?" [: ]. d- Z4 r
target=_blank>图像处理</a></td>
: ^! A2 E, _3 {7 c& j4 A <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip() - u. Z2 e# c0 N+ s2 }; c
target=_blank>网页特效</a></td>
% G' |5 r f/ O* @ </tr>
; b* ^9 V* R- J/ U' L' Y& ~ </tbody>
; N& {) F3 O+ Y% d0 h3 L9 | </table> |
|
发表于 2008-1-21 20:52
|