|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间: p# s" a% ?% o8 m- P2 i5 N. `& u
<SCRIPT language=javascript >0 _; e! X3 e$ x: U
document.write(
/ ?4 @ Y8 y A+ s"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\% |& F. x- d1 Z
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
% X0 x" A/ x4 U( P$ f
2 _& ], i8 V1 D* y9 vfunction showtip(text) //显示链接的说明; p) c: x* }8 V
{) C1 N' ~8 W' l! s; O" a
if (document.all&&document.readyState=="complete") //针对IE1 h" t6 ~/ O+ \* x$ z& e
{9 A& z4 F9 L1 A7 M( u# P
- w$ n" Q7 m: }2 ?* k0 Z document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
1 l9 Q# p) [3 |- v8 i* F1 U5 k# `9 C document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;& Q; T8 |2 T1 y0 b; ]' [
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
' ~% z0 i! a9 s* \* { document.all.tooltip.style.visibility="visible";
7 G. W5 j9 T3 g7 F4 G I }
3 R& G# m, U \& R7 B3 Y0 d8 A* r4 T}
* Z! S7 N" s" z- T$ H& [) X8 O$ \; \ @
function hidetip()
+ Z( q6 E/ R2 D) c/ A, `# Y+ v# H+ v{
" _' X* W% o) c( j( F% I! I1 wif (document.all)' b \2 h* X' a% r. s" r
document.all.tooltip.style.visibility="hidden";- k' Z2 w. ], B; q0 r! e
}
! z6 x) W1 x; u
( \/ c4 |' L7 afunction setcolor(fntcolor,bgcolor)
; A* M- p. Z- ?+ P* [{
% [) r: [2 x, U9 A, x% v document.all.tooltip.style.bgcolor=bgcolor;
9 B) f# {) }" g. @- V% s document.all.tooltip.innerHTML.Color = fntcolor;
2 k) Q+ |! D) X}
; Y( Z4 h v1 z5 P$ Q; i6 \7 D! X4 F* P
function showhint(text)& E Q7 Z8 P5 i x$ x
{
# `+ Q% y4 j: G/ {) k onmousemove=showtip(text);& ^4 O& k' f: D) u( v( e& B2 K
onmouseover=showtip(text);) d C$ O- U( J9 r6 r4 k$ _
onmouseout=hidetip();
& l- ~# T1 W+ {- ]} u) k( k# }0 x5 k5 {
</SCRIPT>
( Y* s+ [* v* |8 z6 V d7 j' Q( K" S) \
( l2 ]% W) f* G7 D/ U) V
) {% |) O) ]( e# k! Y2 S- H
9 R6 x0 O$ h" T/ @6 L4 u. ]
2 s4 I: s+ R* o& N( x7 [. B {* [6 R5 ~" ^
二：将下面的代码复制到〈BODY〉区: I; V* J: _$ K& b2 s
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
: ~" J8 U, I: Kcellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">. ^5 Z$ ^9 J0 ~( ~. e) Y
<tbody>
+ q# h$ n8 N W* ?1 e <tr align="center" bgcolor="#ffdfd0"> 5 D, g3 W: l; A/ C) }
<td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip() : [& N! U8 v2 q+ Q5 J
target=_blank>赏心悦目</a></td>
5 l- J) C# S8 Z8 h: J <td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')"
; D6 f1 L" T* k- t8 n onMouseOut=hidetip()>网页素材</a></td>
! ~ M X3 R* S# B% W( ?, L/ m, ? <td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() ; y+ @ F7 h) j8 k: O* j. o# a
target=_blank>图像处理</a></td>1 _! J5 e# L1 p$ z6 Q
<td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
@) f1 `4 k( F8 S0 a, |5 P9 s target=_blank>网页特效</a></td>/ N2 \. |" W) H3 s- y( T7 F! g. D9 l
</tr>
0 r, y0 K; O" l+ r! ~; g </tbody>
% q& T0 f J l1 K0 G$ ?9 T </table> |
|
发表于 2008-1-21 20:52
|