|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间 j1 @* p S! n
<SCRIPT language=javascript >1 u4 c* @2 C _! h6 G1 t$ J, K0 f
document.write( c, \' f/ W" y' M% Y
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
' H) R' U8 v* e& U;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");$ r( C/ V, [( J# K
$ e/ }- y+ E7 C$ [function showtip(text) //显示链接的说明
( g Y: f7 e. F Z{
5 @3 _, s' W7 D7 D1 z; Q0 c if (document.all&&document.readyState=="complete") //针对IE
- n$ \, j. [8 {% p y4 r8 I, E1 s {6 K8 r `* E) p
$ `! E8 F# C4 C/ U5 d/ z) \+ ? document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
3 V8 v9 D" K, U5 M7 v" c document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
X; |* z& b# ?3 z3 U1 q document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;& P4 N+ o) g2 ^6 p: B6 D8 Q
document.all.tooltip.style.visibility="visible";
8 h' n( H( ^: q }
- p. }0 q, \/ c- A; w, d% b6 o, x}% i H* d8 Y" D0 l
/ G! o' f; B, |; `. _# f
function hidetip()
* T" J% J* n) h{
' b7 N0 `. `, { T7 gif (document.all)
* Z q+ |: g) y document.all.tooltip.style.visibility="hidden";
. b p1 i4 Y8 t& j}
h( `) e" i$ _4 m' Y1 M, K& G; j( w; P: T
function setcolor(fntcolor,bgcolor)
6 }% W; Q0 y7 q{: Z. `( p. x. V R7 ]- f, z
document.all.tooltip.style.bgcolor=bgcolor;; c m- x. L/ _$ Y& J) q$ ^( G
document.all.tooltip.innerHTML.Color = fntcolor;8 b% p$ L [+ D, [2 r9 f! t
}# a8 I7 _8 S% q# G% m/ D+ u7 R8 s
( u* m+ L: w D& nfunction showhint(text)
2 _# i" Y3 d) ]; V{
' b4 j% s" ]" a% K; ?4 s onmousemove=showtip(text);% D) @" B# { j* v& A5 Q& ^7 g, R0 i
onmouseover=showtip(text);
& ^6 k6 B& I2 X8 x$ M onmouseout=hidetip();
# @( B; O; _2 j- n# V8 S}
: Q5 n6 ] d. b5 @( O& E4 b4 L; j1 x</SCRIPT>- ~9 W: Q8 s9 c
2 N8 L! Z3 b, R4 a5 @6 V1 @& \
* ?% K5 p) s, r0 P& Y
. T' e$ v% o6 J$ @, A, D) y" `6 V- ^1 `
/ A* ~" f6 |: K6 i6 T5 Y3 C7 {$ o' F8 r- a5 x9 n6 j2 n7 d
二：将下面的代码复制到〈BODY〉区' r, q$ l9 [6 w# U6 g |& u. q
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 * M9 b1 e; W4 ^5 o4 P
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">6 e+ s2 b/ R" _
<tbody>
" l" w, f9 V- x5 O) K( F+ G <tr align="center" bgcolor="#ffdfd0"> * P: v9 R M1 z2 F* e
<td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip() . J! p7 ?+ o8 ?# x" M% b
target=_blank>赏心悦目</a></td>8 |% _; F! F" O
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" C- F4 \7 L: _2 S: r
onMouseOut=hidetip()>网页素材</a></td>" g& e. H2 o5 H! E+ I( D
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
5 h, E4 e$ |, u1 S8 @' ~# v target=_blank>图像处理</a></td>3 O1 ]7 C- J6 }: n
<td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
) D4 x" U$ ^) A) R# m5 p+ u target=_blank>网页特效</a></td>
. g) o4 E8 J& c- E1 `8 K </tr>
# s6 K' y' W6 j6 Q( h </tbody>
& e# @$ Z2 ~, O1 O0 G& R8 Z. u+ w </table> |
|
发表于 2008-1-21 20:52
|