|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间( ] I4 p) d: Y, M
<SCRIPT language=javascript >
7 N- l- E+ `- }document.write(
8 Q) ]! G' J ^+ t# D"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\' v5 }) g7 J% I5 O0 m4 T
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
4 }! h7 h. B3 ~0 _
6 X+ Z2 D3 R9 U9 V6 Lfunction showtip(text) //显示链接的说明# m# |4 B! x7 u8 D: `0 z
{
7 A3 P0 K: w' ^4 Z2 P if (document.all&&document.readyState=="complete") //针对IE
% u( I0 E! O- d; P7 A/ K. z {
8 M+ [* M( J) K0 t' Y3 d 5 @ ?% t4 a1 H. @# t' ?3 f8 S }
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";3 C0 ^4 H& A# g/ j9 A
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
) e `+ R4 R. r document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;& b6 I$ w! f8 d; l5 w
document.all.tooltip.style.visibility="visible";
+ s: ~& s6 A! _# Z }) q$ n& P! ]( t* o
}- a) V; }4 K0 T" s' w! |: ]
" g O- }4 k }4 F
function hidetip()
0 q! i0 v* E' T9 |2 {5 U{
$ P, s% D# d$ s+ _/ Qif (document.all)
) q) l# t& o0 w document.all.tooltip.style.visibility="hidden";# y, ]! i0 Y) ]! O; R, ?- C2 X
}
/ S7 l/ r6 F1 z& Q5 ]+ x# S* a
; |" X& v k0 r! W0 t. Ufunction setcolor(fntcolor,bgcolor)
; g7 r) w. W% G9 Y{# g8 t$ l7 q: X R$ d2 E
document.all.tooltip.style.bgcolor=bgcolor;
/ }8 ?" f5 T, I/ V. c' | document.all.tooltip.innerHTML.Color = fntcolor;
2 X+ ]/ W, I! F" J! P5 M: e}% l# ~ ?0 _, i5 }( ?
' g, N# M) o# M! |function showhint(text)
t3 P/ s& L o* H{
1 U( T2 C% L! ]# n! f onmousemove=showtip(text);
3 N: \2 j7 R: e7 w onmouseover=showtip(text);$ V! C, _$ U% k# P0 C" J
onmouseout=hidetip();3 ]1 y$ t7 ?$ m1 g3 E# o
}; v3 W, c! M; J( g0 J/ D, b
</SCRIPT>9 H4 o, N0 n2 l3 J0 x
, T* f; z8 m; a, R2 E5 Q
7 Z0 f; `8 a- k
3 _7 l8 K: f7 a: D; g: z# Z/ T$ l7 r: X! I
5 I7 X$ k# g9 \1 o, Q
& Z/ P* G }8 @! d: N% s; Q二：将下面的代码复制到〈BODY〉区' t* w; v0 D" v; @
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
. ~, Q& ?; a0 S1 ecellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">& p: c' ? t. S" d& ^
<tbody>
# w! ?9 V4 B/ k9 D8 ?) m <tr align="center" bgcolor="#ffdfd0">
$ v: ^# m2 y- C( Y1 Y <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
, G9 k& n* k6 G: @$ Z- d target=_blank>赏心悦目</a></td>
8 s8 l9 b: V; [- m7 K, i# ~ [8 m <td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" ( c$ J4 N! G1 O2 e+ Z
onMouseOut=hidetip()>网页素材</a></td>: y: k' _9 y) X4 M! s: y7 U' F
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() 2 z' ?2 ?* j* X! N0 t1 n1 f
target=_blank>图像处理</a></td>
/ ^6 p8 ^( R/ p4 E <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip() % U* c- Q. \( ^. u' {& _* p, l
target=_blank>网页特效</a></td>3 G+ q6 a# c+ t! T t$ i* {
</tr>7 |- }! O- B( a1 C2 h( ?
</tbody>
w* e Z6 H7 \ </table> |
|
发表于 2008-1-21 20:52
|