|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间9 }$ r( C( Z I: u4 T, g1 w0 N+ h* V
<SCRIPT language=javascript >" d. s2 J4 g9 D5 C/ p* L, X/ x2 g% i
document.write(
5 O" C! U0 y% h"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
7 z* |; b) j% |6 a. J9 l* x;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");: j2 J- h$ R+ ]( N) w
, N9 z) L+ \: U2 `% f2 J
function showtip(text) //显示链接的说明
. W6 ~& n ^% v/ ^{' m2 W4 P# J, L! G5 X
if (document.all&&document.readyState=="complete") //针对IE/ C% d; C# Q- W, R3 i5 p
{
- ~( l ?. N. p0 T, _ " P5 p( @) j! N# U5 H1 g
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";+ |! o/ K" M# C0 t
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;* ~3 G# n9 D) f$ t- ^" U- e
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
# [9 `, t6 b) A* k6 Q; n2 c6 C' | document.all.tooltip.style.visibility="visible";/ {! h3 l/ U2 S+ G
}( X( Q& }* _1 a4 E
}% n% j, n& e# r9 }
# q: o0 w+ K+ C
function hidetip()
" A& n9 T4 f& z% V; p( l{
1 o3 x- ?2 v3 _( @9 L) Tif (document.all)5 P9 \1 i0 i; Y X J2 y+ Z
document.all.tooltip.style.visibility="hidden";
# J- n/ O7 U# N) L) X}
& d2 f5 F+ k9 D: B% Q
+ C( R4 m8 b _. a5 p3 {function setcolor(fntcolor,bgcolor)
j+ Q/ n5 l3 W) l+ z% n1 J w" |{. U' F' f6 f& o/ X# f2 S; d
document.all.tooltip.style.bgcolor=bgcolor;
0 Y! b5 Y9 K8 g9 d; b document.all.tooltip.innerHTML.Color = fntcolor;
2 W5 p- [ _* t r* L' a}
3 E3 I: D, K' u0 P# A$ {: R8 B+ m' I5 e$ ?# z' c) G. v, U
function showhint(text)
$ N9 c5 C4 ^1 x# w% V) T3 g& V{/ g$ @* a1 Q8 x B. [7 d% ?# U
onmousemove=showtip(text);5 |0 o. X, G, ]8 t
onmouseover=showtip(text);
6 m5 o# ]5 n$ v3 ]- g9 { onmouseout=hidetip();" x+ U9 _' R/ n, h# G
}
! o7 }) y/ d) A8 o$ E</SCRIPT>8 [4 Z" W: z) Y& K
1 B5 U/ K8 }$ O7 m' D
" t3 t6 c7 f& E+ s/ M4 _5 u- D; |5 H) L- y" X0 [# n
% n2 s [4 q: R9 X
& G* V _; J. W0 }4 U3 w; _
2 v9 I' M9 [4 h8 o" I- N% g8 A二：将下面的代码复制到〈BODY〉区
4 U* ~3 }1 u) j1 ~- b o! s/ i<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
7 A1 Y; N2 @# F$ Bcellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">1 f/ I" I/ Q# U) g! ]6 X; _
<tbody> 2 Y& M( \0 O4 W5 n f& y) [! q4 D
<tr align="center" bgcolor="#ffdfd0">
% }( J2 F- K. V' p! k <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip() . v8 Y; ^* U9 N, n. m8 g
target=_blank>赏心悦目</a></td># j( g: t" N& `8 U; V2 H
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')"
* F9 e# K5 g3 ]* f9 Q0 w1 V onMouseOut=hidetip()>网页素材</a></td>
" u8 T# ~( s( |8 {/ y! d5 _ <td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() ' P! X& ?* E' P4 L# u, W. E
target=_blank>图像处理</a></td>
& X' H% |) @1 @, t) o5 @' M6 J# i; d <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
8 ? s: K" Y, s, ? target=_blank>网页特效</a></td>7 q) B, }4 X' `1 K L
</tr>& R/ n+ O+ |$ ` b# e: m
</tbody>
* {, @ X3 V$ v( n. t5 ]: I' a+ a </table> |
|
发表于 2008-1-21 20:52
|