|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间6 |/ ?/ Z( H$ u& H
<SCRIPT language=javascript >; {( l% z8 H8 ?' k: u
document.write(
0 e' h/ t' R; F7 [1 k5 ?& E"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
# d. y/ ]0 @, ?6 O* G- k" b" H;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
+ u* ?% {' L! B a# F7 e) U
% o2 b0 `: b0 A+ A1 rfunction showtip(text) //显示链接的说明7 ~$ }2 k E7 e1 \, H; ]
{
( s/ A q' w B- t if (document.all&&document.readyState=="complete") //针对IE
6 T l- @2 _5 g2 t$ r: z1 v {. |* {2 v% Y! K8 Y" T9 z- g" w
6 r% D& n( l- v y1 B
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
# g) G- K- O) k F$ H3 K7 Q' ^ document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;# L* _3 e& M5 m8 P6 _, m
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
1 `. ?2 }. U) o5 S, b7 a* } document.all.tooltip.style.visibility="visible"; |8 b+ k" O; @9 l& j7 Q
}
+ J" Q" |7 ]8 k8 s( P9 A, c}% H6 W8 [6 m4 o! T, f
0 T. `$ I; n6 g# C" P
function hidetip() 5 _/ X( N2 O; ^ u/ M
{0 g, j+ O% n, O* k9 m Y
if (document.all)
$ P' ]* r( a; |. B( x1 h document.all.tooltip.style.visibility="hidden";* K+ i+ O6 H$ f+ u2 Z) f( ^
}
" O3 c5 @1 U# Y" A ]& ?8 e3 M
. d) w# Y( m b. u, u) afunction setcolor(fntcolor,bgcolor)
. y' R- C& V. B) r8 d% e! h9 c{/ d9 |! v" P# Z
document.all.tooltip.style.bgcolor=bgcolor;# }- h8 D' K h' l1 |, U, D
document.all.tooltip.innerHTML.Color = fntcolor;
9 p8 G1 s% d5 K" `1 ~4 Z V R}( l3 ~' A& \8 Y
( |) E! i3 R; v9 [7 ~9 o) R
function showhint(text)
# d- e' e3 W7 @{
- k- Q; e: V+ E" Q- E! K ?% p' ^ onmousemove=showtip(text);7 ~3 j4 H7 Y- l" I; w2 m% C
onmouseover=showtip(text);
6 L5 F( S* N4 W8 y t; i0 X" J( T onmouseout=hidetip();* P2 |' k( [" j
}
5 h: \/ r% T: O k8 L; P</SCRIPT>0 X& f+ z! Q# N3 a" b
. V" p+ J; f8 ^
/ E ? a4 x' R) T* j Y- ^) F8 T+ S( e- |4 B; R( V
_& M4 b% Q' {/ t
0 l( {# E2 q1 r" c
3 Z: I6 S" r8 ?, X8 \/ c二：将下面的代码复制到〈BODY〉区( {1 O- f0 U* G# \7 Q0 h& Y; u
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 ! H1 U J. ]8 P6 H4 O+ ^
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">4 D: o9 h* _" {* i) j
<tbody>
* S" n# o; f, B; ^8 ] R8 C2 K <tr align="center" bgcolor="#ffdfd0">
- C j1 J d+ W% f$ v4 i3 Z( a' z/ t" k <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
! j1 w0 ]. M9 V5 e/ e* [ target=_blank>赏心悦目</a></td>' T" T0 w( X6 l P
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" 2 K* J9 H6 q9 |2 x0 O" e
onMouseOut=hidetip()>网页素材</a></td>
% ?% _3 T. q( k <td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() ( B* l Y- p! B9 E( y$ n( G S
target=_blank>图像处理</a></td>- z7 L! Q% e' Y# }* c- s
<td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
5 m/ S# ]! u( I q target=_blank>网页特效</a></td>7 J+ n9 B- |1 z, f& O# c
</tr>
4 U9 t/ B# Q* U$ l; |9 R$ g2 B </tbody>
( C& B/ N8 ^) O1 } u$ y V </table> |
|
发表于 2008-1-21 20:52
|