|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间6 T( N. j1 l/ @# y3 Z
<SCRIPT language=javascript >
: B0 e+ P9 A0 ~document.write(
# c; f# w) ?2 k/ L"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\8 B7 q* k; ^: K1 E" Y
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
: J. `) R7 V! T! h5 D" c
( t. E# m; t' W) f9 g9 Rfunction showtip(text) //显示链接的说明1 z) ]" U( H& `5 C7 t+ @* ?
{
o7 X: v6 L1 F0 S0 \2 F if (document.all&&document.readyState=="complete") //针对IE
& ]: J9 ^6 ^2 c0 O {
: Q# p+ ~, a& w" \; \7 I
% X8 p( e' ]/ T7 h* z document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
: d3 s8 o. V# l' C4 _0 F document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;$ ^: C) C5 f/ v6 Y4 d! C
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;" W G* U) Q9 q3 \6 y; R
document.all.tooltip.style.visibility="visible"; b$ W% e2 ~' q
}% z8 b. [* T9 S
}" T8 s7 `" W9 M
; t$ N2 Q$ b8 D6 D( {9 e: b! L1 N) ffunction hidetip()
( Q5 @# D3 a0 ]7 `1 K9 w+ X{* R1 P9 f/ m* S! r% H1 N# r z( |; |' I
if (document.all)
! B! T7 ?% f* L. J$ Y0 g8 I document.all.tooltip.style.visibility="hidden";; I% n% L7 ]& X3 s
}% T2 m' c7 \: H
; ~$ Y- w+ I/ J) c {; u. ufunction setcolor(fntcolor,bgcolor)! J5 K0 x; F0 P2 ?- g
{4 d* v. N. m/ w( }' i
document.all.tooltip.style.bgcolor=bgcolor;8 ?' x2 j9 y: Z2 ~+ O/ m
document.all.tooltip.innerHTML.Color = fntcolor;
3 F" m# t0 x' D: W/ V+ t6 `6 @}
) |7 u/ q( p2 I) X5 g( d' U/ {5 _1 O" D. W; i% D
function showhint(text)( S9 W0 s4 c; ^ G8 S9 B- t: `
{9 p, a( ~0 {& |+ a" `" B! `% M; b
onmousemove=showtip(text);
, X& N0 |/ N+ K onmouseover=showtip(text);( Z; `3 [+ a8 P' Z% B- V
onmouseout=hidetip();9 T( M, ? b% a# Q
}
2 `+ C# |( |3 R. y% E8 K</SCRIPT>: O- W4 n0 c0 g
: M4 r! N( ~; g9 U7 Y, D0 a9 x3 n/ `0 r4 @
! F( ~2 p; a: a c% e( a: [/ A5 {
+ `: h% P. q, b" ~
6 b3 m$ s. v( N0 _% M* z
( Z! ^' T+ L, |( t# J& O3 L8 _! G二：将下面的代码复制到〈BODY〉区1 N/ |( M2 K) n" I2 }# F
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 7 o9 G9 m' V/ G
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">2 M" C* W0 J8 u7 v
<tbody> ( X! x" I3 t- F
<tr align="center" bgcolor="#ffdfd0"> + S1 M) g$ I/ S5 o7 l8 L- @4 u: \
<td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
+ r) a+ T0 E! I4 V% V target=_blank>赏心悦目</a></td>/ w8 \) u2 w4 F) ]8 T* a s
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" 6 Q5 S" y) u: G1 }" H6 K3 b
onMouseOut=hidetip()>网页素材</a></td>" k6 d9 h- N& w4 S. l! g
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
; Z; y! W% ?. O4 d) o8 z target=_blank>图像处理</a></td>5 j9 z3 u3 i# {( l% J' s- B
<td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
: B2 x5 E/ |& j" ~* ? target=_blank>网页特效</a></td>
/ c+ E: Y' _5 e/ N7 q. H4 t </tr>" s0 \+ Q5 Y% y8 o" e; `7 k
</tbody> ! z) D1 C/ A9 w1 c
</table> |
|
发表于 2008-1-21 20:52
|