|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间
1 f" e( H* e" `9 M<SCRIPT language=javascript >2 U7 z- i$ y6 P/ j7 p
document.write(( }( M3 u* r' A8 a0 j7 i9 c; e
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
2 B6 t8 [& |0 F! X;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
$ u- t! P; m, G8 e* o' p0 _% Z
! O0 S+ T H2 z4 M( Bfunction showtip(text) //显示链接的说明
# f- S3 A( o4 a3 b" B# e{
, q, h' c4 n# V6 j if (document.all&&document.readyState=="complete") //针对IE
# i; O; l2 A1 u3 r# l {
- ^" S7 E. d# p0 k! X( X, F* o; Q $ g5 p0 ^# b7 @
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
2 Y5 p3 i, c3 J w+ R' }( S document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;! Q( [9 {$ [2 Q" N) p" L& O& F
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
. M9 z" X; b0 N0 M document.all.tooltip.style.visibility="visible";/ J& _- G+ C5 v+ _; y
}
/ x# a8 X" a0 U5 m}
) ^2 t& E9 f- N; X- Z" r3 z2 b1 I4 f
" n5 N! ~( H+ K1 t3 w" Xfunction hidetip()
" g/ r. P' A0 _) r. S0 ~6 A7 d8 @+ G{
# u* z, F0 R1 `) {if (document.all)5 p n! W/ `8 P6 h! s% r* s# H
document.all.tooltip.style.visibility="hidden";$ t, n. H4 ^, z- K( h1 F1 u2 _
}$ j: L1 E: H; |& C, ~* F
& b9 G% q- `* T" M8 o" _& \* {function setcolor(fntcolor,bgcolor)
7 N8 P8 a" H7 v+ X0 n X% {{' J& i5 ~: f/ y% }+ ~1 g7 R
document.all.tooltip.style.bgcolor=bgcolor;
0 g. x6 u; O9 q: d% a7 b document.all.tooltip.innerHTML.Color = fntcolor;
, O7 ~- l5 {: v* ]% }}
- k4 s4 J) g- ~5 a$ B/ J8 H
9 A4 {9 f+ g! G c" \function showhint(text)( t( N* U* J* r' Q" p/ j& [
{ T, U9 J5 A0 s0 v
onmousemove=showtip(text);( Z; W( ?2 `5 ]' u/ E
onmouseover=showtip(text);
( X2 A! V" n4 U onmouseout=hidetip();
: ?& v- z" d2 `8 v- O}
' l% O: g) |5 g. ^$ x</SCRIPT>
+ L- J8 X8 r$ p( T) @' f2 E( G9 t. V5 x1 y0 F
! j9 I$ G. j: H9 p3 @3 u! |% T8 h6 e$ U+ M
" c/ h7 z Z ^
4 r9 o- H# O* h9 i& c
/ V3 V1 u+ U% x% L% k( G2 p二：将下面的代码复制到〈BODY〉区8 f. \5 d/ m% i6 F n
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
- D1 x+ X; W( @5 S hcellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">
7 L% ?0 z2 R. D: c" q <tbody> & T& D* l4 T* i5 b+ X
<tr align="center" bgcolor="#ffdfd0"> , @3 I: g* B; R4 ~$ U7 i8 C
<td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
6 ]1 x: X9 t3 m target=_blank>赏心悦目</a></td>
8 O" I, a0 h2 M <td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" " G9 N# H( g. F; x5 i9 S+ D
onMouseOut=hidetip()>网页素材</a></td>
- y; D4 f7 u. Z, B' [+ ~" p <td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() b8 s1 j+ L3 p7 C! S
target=_blank>图像处理</a></td>
" X i" {# `; o2 a, ` <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip() # H5 R, ? v- y" \% ~
target=_blank>网页特效</a></td>. B, m, |: w& Y, n, ?$ O
</tr>. [- R6 B+ ?/ g. e
</tbody>
, i) T) \4 [: \% u </table> |
|
发表于 2008-1-21 20:52
|