|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间" d# }4 b" A9 i- P9 Z
<SCRIPT language=javascript >
( Z" Y% {. O4 s3 T! E T8 ?8 wdocument.write(
, r0 t9 E v6 g8 {! Q"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\. I/ P$ C7 @- o5 k; b' _ k2 L. m
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
7 @! S, h; n) m# W& p8 ^. t* W. u8 g0 \2 t3 B4 W
function showtip(text) //显示链接的说明
+ u5 M U, d7 a- ~4 y{" E, M* C3 T/ _& U
if (document.all&&document.readyState=="complete") //针对IE
+ t7 t0 f8 d: r7 }7 D1 e {
$ b% V+ P3 @+ i6 p7 h. j( n % f5 J, Z: z( R2 v+ `2 m
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
0 q0 `( P2 _* e1 G f document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;5 h6 O6 _$ n; ?# `
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
b0 v9 P- L$ E7 B+ Z% B document.all.tooltip.style.visibility="visible";1 W' l6 F5 `, g( _ J; b; _
}
- b0 \! f: b" j2 c8 v}
; T* ~! O/ X" G: _) |6 `/ w* I( T% h9 u9 _6 l; Y" G$ j8 u0 a
function hidetip() 6 F& {5 y" W) R
{! r- o! j1 A9 m
if (document.all)
) Q; N. R/ d: D d. l, P$ v+ @ document.all.tooltip.style.visibility="hidden";# Q- U# j1 B. m$ J$ f" V' S; ~) L% n7 T
}4 M$ a5 y& R+ L4 y/ p% u
7 k! g) ]6 p' g/ H# z
function setcolor(fntcolor,bgcolor)/ Q( N% D. {% {# L
{
6 V: `0 p6 b) h+ e document.all.tooltip.style.bgcolor=bgcolor;
: l. x r* k) ]' I' ]& U9 Z document.all.tooltip.innerHTML.Color = fntcolor;
* g1 X3 }% A0 _! g$ t}
1 K. I6 x B% ]. T& A
( d( x4 j, k" U$ y2 J5 m# j/ _function showhint(text)( r' P5 ?. w; B0 y1 g' N2 G
{0 H4 F7 ]/ a% H. q3 `
onmousemove=showtip(text);8 P5 P3 W; E% J2 T
onmouseover=showtip(text);
6 f* p5 D. m0 w: Q onmouseout=hidetip();
Y& S3 Z( f$ q/ B( [! W8 P}
3 C& B( r4 y1 O7 p' R8 [& N! W</SCRIPT>" W0 H- ]1 d6 ?8 X1 D
, {5 R7 ] J$ X% n3 J. q' W
6 D; u/ q# e# w; w+ k, j. N7 l5 m+ ~9 f) l. k* d7 N5 J3 C U
w8 j( i) ]5 i7 n; I# u7 V0 P/ h0 L; P
$ q1 ]( U' [) Q3 B二：将下面的代码复制到〈BODY〉区# c' w" E' I* H
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 ! e/ s2 }' J! K S; \" l
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">( M& C+ ~* _8 y+ S
<tbody> 7 k# R1 X$ K5 e! b3 l& k, _% ~
<tr align="center" bgcolor="#ffdfd0">
6 I- e u6 C( M% ~ \ <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip() + w# q. i' {2 y# L& L2 W: |/ G1 g
target=_blank>赏心悦目</a></td>
4 X% e4 f$ o7 G, K' n; | ~$ j <td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" # E @9 z' d! o: b/ b: ^
onMouseOut=hidetip()>网页素材</a></td> V' E2 |$ o, H [) v1 g
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() $ k: W+ T9 h) U9 e
target=_blank>图像处理</a></td>
3 v& `& M% @! E8 K <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
& M/ Z# I. S" ^: G target=_blank>网页特效</a></td>
# i7 E, T @ K% [+ T </tr>1 P9 _/ S( n) j
</tbody>
7 E# @& ]5 ~5 M </table> |
|
发表于 2008-1-21 20:52
|