|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间
1 l; T4 C, O0 @' y* G: j* o6 l<SCRIPT language=javascript >; O2 E$ Q, V; A! Z6 d; O% e. G
document.write(
4 h, v$ u+ \" p; L: W$ R' g"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\6 E- [/ ~% M" Q$ ~; W t
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");! ?; v9 t% ~+ P* x7 Z
8 Z" f% \7 p2 ~' dfunction showtip(text) //显示链接的说明4 c# j$ g. [0 I/ X$ o
{! J! }7 `2 b% z) D" }" [
if (document.all&&document.readyState=="complete") //针对IE* C/ V! u: Q' ^) `; s% c- ~7 t
{( a5 R4 F) S, h0 Z6 u7 j, }
1 l7 E$ I$ a- ~( L( W# _3 c document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";9 G. t4 O3 F. y9 ^ ~4 L2 @
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
# c6 J; ^ @9 y! R4 o* N document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;! Q. l2 d0 v! g9 Q* B+ \% s
document.all.tooltip.style.visibility="visible";
" U1 z& v/ ?: ?1 I }( _$ b' q o: h" L& W. @* u
}
7 I" H0 s" L# M) r
! E7 E. H: U) n- K. xfunction hidetip() $ j! F3 J* K6 U8 h: y F
{
3 f* X( I8 H/ l ]if (document.all)
! S- R. V, W( q3 J" _5 h4 R document.all.tooltip.style.visibility="hidden";( v3 ~. d7 i% h* s$ l I
}+ R/ I. M9 O+ w& o) d
# \+ V* ? P0 A
function setcolor(fntcolor,bgcolor)% E! o" o5 m* u. m! E: F
{
. h' w& `9 L9 q7 Q document.all.tooltip.style.bgcolor=bgcolor;, Z* N/ n U8 q, k' C6 E; u3 C8 |" {" ]
document.all.tooltip.innerHTML.Color = fntcolor;) v2 Z! `/ U& A2 J* _6 P
}
6 s" e5 X8 A! t/ g% H# b- A5 g5 u, E7 _- m' i
function showhint(text)! Z4 @9 [7 m) @* [! I
{2 Q1 y, b4 s+ K* G6 p9 x- }( _4 d
onmousemove=showtip(text);
7 `- y5 p! b. Z, p) ^! w0 c: [ onmouseover=showtip(text);, {! l8 ~ v( ?% D
onmouseout=hidetip();
2 ~4 _$ S" Z, c# {2 H6 _& @& Y}6 Z( y* \& q+ @: V I6 L
</SCRIPT>4 |8 b; Q+ D+ ~" l
- q( y. Y8 k4 S# A* c% M& ^) q* E, u0 b0 m2 q V0 s5 ^
, v: g* \+ F/ b' \
) p/ t- x% e7 L4 a
# ?1 N2 e( B& e0 E- N0 ]
, A% t2 b1 ]4 n: R: H& V8 Z二：将下面的代码复制到〈BODY〉区4 F1 c U; q( Q- s: |7 [7 y
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 3 I C* \; S3 p( @1 h0 t8 ~- G
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">
. }1 P# k4 Z" `9 B$ N& X/ z- [2 p <tbody>
# C7 n' B5 y/ B2 w4 _% T <tr align="center" bgcolor="#ffdfd0"> - b9 j! \" ~5 u: e
<td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip() - _6 L7 {$ o( d& P" E6 ^! U
target=_blank>赏心悦目</a></td>+ S, f! D" M. h
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" 2 C8 G4 s+ o$ A0 V( T7 M$ h
onMouseOut=hidetip()>网页素材</a></td>6 A, O' W$ _& e w# t O
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() 4 _9 |' s! Q& O+ h' H" K2 J& U- z
target=_blank>图像处理</a></td>) k! q0 B t' |% {6 T, o* W% j% H
<td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
5 g! L2 h0 B' x: I, D& y. j target=_blank>网页特效</a></td>1 c7 L! V$ u$ }/ ]* Y
</tr>% o/ \( |0 J( ?3 l- F* |, N
</tbody>
6 w" ~: \, a% @' K# I </table> |
|
发表于 2008-1-21 20:52
|