|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间' E1 ?# B( C5 T, [% ?, V6 P2 d
<SCRIPT language=javascript ># w2 I$ @. B( R* A2 y5 H
document.write(! U" J& I1 R; o% I2 o
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\0 ?" W) J: T( U* s, O1 W
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
8 {4 H" V' n" C
% o3 e2 p5 o/ Cfunction showtip(text) //显示链接的说明
: v7 t. I( n- M0 w3 J{
2 ^; f) h* x8 p if (document.all&&document.readyState=="complete") //针对IE
, X7 Q( Z2 U; ` {( f5 w2 c/ S0 J3 D7 S% [$ l' S: H" W: X
/ R3 ]/ k5 j& V \ document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";7 E1 U- z4 }" b. n
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
. V) V8 y/ Y% W! \ document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
( I! t* y+ z' N9 U5 J document.all.tooltip.style.visibility="visible";. k; k0 K+ a$ M! x& F0 g; L
}
; ^: Z) ? [/ C1 C}
+ k& L* `( B$ F# }" c. P: Y7 `! Q6 u; R4 n0 s
function hidetip() 5 k: w4 X, N, ?
{
( A% I6 W& `5 I" L( E, Uif (document.all)
6 a' N4 I3 t! ~. v document.all.tooltip.style.visibility="hidden";/ M7 j- J0 O% t7 I
}$ v2 g2 `" ~7 [5 P, m
: q, G: ?/ L/ x. e
function setcolor(fntcolor,bgcolor)5 z, U$ q! c$ O( i7 x5 t" |
{
: e8 |5 b5 w9 }0 B( M document.all.tooltip.style.bgcolor=bgcolor;( ?) ?; W% p: y) H3 f# {) x" l+ i
document.all.tooltip.innerHTML.Color = fntcolor;
/ q* k# J) c: ^. A}" c3 w- @; y$ F
* ?7 f) Z# w& ofunction showhint(text)" {% K( I+ H6 h* p6 V: m; g, X
{( T) G1 q2 n- Q; k& Y
onmousemove=showtip(text);
/ v' g3 K) b3 _! h; M onmouseover=showtip(text);5 Y3 p" J) ]) a- U% ?
onmouseout=hidetip();
6 y1 M4 S) `' P& Z' K( I& d! e, k}# V) ]3 j* \; c5 |& L, G
</SCRIPT>( [ b' n9 {) j( B# T' \/ Z6 | @
9 ?; B. ]8 B( d3 g |. h" u
7 t3 @ K' O H0 w- t
& O$ L: ? S; ~4 H1 V" M7 N( l0 t( ]( J- c# O
0 P) J2 {4 ^8 s; X p/ F1 ^+ ?
5 @- n P3 ]1 x8 b二：将下面的代码复制到〈BODY〉区
' Q7 I- _/ v2 S<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
+ A1 E- ?1 @5 b8 A; a8 t2 s' p! [cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">
( _* r) M' g" R0 s0 b) i! m <tbody> / y: q" d- J9 V
<tr align="center" bgcolor="#ffdfd0">
" V) C, P" @+ r* ?8 m) [: d: L& M2 a1 M <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
, n6 j; D5 X' W) A target=_blank>赏心悦目</a></td>2 ]1 j* A$ h- C5 K; n5 D$ N0 x# |
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')"
3 L3 l$ x+ {8 R onMouseOut=hidetip()>网页素材</a></td>
& u5 H; u# W9 ?9 U8 C( O0 i8 \ <td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
r8 r, C+ X7 h8 ]: F target=_blank>图像处理</a></td>
g( p9 Q( t2 W <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
6 _- O! v9 n4 Y* I' C" u target=_blank>网页特效</a></td>/ i, e& r/ p5 b* I* Y
</tr>
0 q% _; p6 c* a6 b' m </tbody> ; \4 P' x: `* C @6 d, J
</table> |
|
发表于 2008-1-21 20:52
|