|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间( |6 L$ m# ^ A! z* U
<SCRIPT language=javascript >. B* ^2 S& W: y7 C* x
document.write(
8 V% s2 t& R' @& L5 }/ p1 ^"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
; `0 C! }- T! p! W };background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
# r9 q3 v3 V9 \3 U" B8 j1 X$ P d) S$ s! w" w9 i
function showtip(text) //显示链接的说明
2 W. k& a3 g1 Y) Q{
1 H7 R9 O/ D; T& D' M8 ^; K if (document.all&&document.readyState=="complete") //针对IE2 [- p8 Q7 b* T1 u4 u
{' y) \8 ?& t: E: x/ W* s
- P8 P, g8 V% s5 x1 C: E) q6 V document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";" e+ Y8 o% r; n# X1 R& M% [
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
: x" e8 x6 i& h. S document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;6 k) T, h+ U% A% q+ u5 V0 b* I
document.all.tooltip.style.visibility="visible";
% }: S; Z: `% P( T" V6 K }1 ]/ I8 ^. u4 @6 H. ?- b
}
: L9 x) |; O' K9 Y) ?
- q9 T5 J5 O9 c V# W4 V8 a/ Yfunction hidetip() % c& \9 |4 x" j U4 A
{
- D/ Q7 q. P ?2 J% ^if (document.all); ]6 _! o- i0 c6 j+ V
document.all.tooltip.style.visibility="hidden";9 s& R7 L/ c3 T
}
2 r4 @& z1 Y5 y/ m- ^0 F, q# w3 x3 k9 `* p: h4 K6 y6 ? z
function setcolor(fntcolor,bgcolor)
- N9 _% l8 U! s% n9 w2 e$ z{ M& h9 j: A0 X- A6 [" x2 g. Y( t
document.all.tooltip.style.bgcolor=bgcolor;
0 P4 z1 K$ o# N document.all.tooltip.innerHTML.Color = fntcolor;0 D' P; ]. O9 x" J* R4 K
}
) W' e6 ^7 U8 O D& ^; l" j' N" m6 `& @$ O# W( c
function showhint(text). F5 E' Q8 m5 S" p8 g
{7 Z7 a% D2 C; A& j! Y
onmousemove=showtip(text);4 ~) |9 w! c# B2 V5 c, c
onmouseover=showtip(text);0 V; k9 X* c2 {% l( ?" K. k# E# |
onmouseout=hidetip();; f3 W) ]* g+ E& Y5 u @" r4 s
}# r; _. V- a. j) B2 U
</SCRIPT>, m1 o0 X! R1 D) s! N# R) O0 o
O5 e0 t! g1 |4 m. |
5 R H* ]1 ]6 \% F
# A" ~5 o' s& n% f4 i, _
4 G( Q4 p7 h: c( q$ r& m- S, a- z. F) \4 B
* @% q0 L' n/ v; n2 j
二：将下面的代码复制到〈BODY〉区7 }% G5 R* I+ T+ v$ w* n0 M) c% Z2 F: v% p
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 2 ^4 h: T3 T( f( U
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">/ a7 ~# S L9 B3 f5 n
<tbody>
" [+ v2 O" v+ Z' t& f+ B; c <tr align="center" bgcolor="#ffdfd0">
! m0 D4 X' F. N. p7 w/ X <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
; p* L6 e! p& l5 B) t! J; G Y1 r$ W target=_blank>赏心悦目</a></td>5 A' s/ V. f; w! ^( V: H: @) H( d/ Y
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" - }! w5 E( w/ v3 o: ?& g' t$ Z
onMouseOut=hidetip()>网页素材</a></td>
5 c. e1 c6 Z6 n S8 m- V <td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
# g( Z0 n7 _6 A* k3 C target=_blank>图像处理</a></td>
6 S+ f" H; @1 W3 Y: L" h7 v( ?5 I <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip() ' q7 Y1 [, z6 B5 ^* X
target=_blank>网页特效</a></td>& c" I" L; _/ W9 b% X* W
</tr>& g* X2 o% A: ?( O$ Z
</tbody> + z4 |) V2 ~/ y+ }
</table> |
|
发表于 2008-1-21 20:52
|