|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间; \8 @9 ]' h5 R# @) M
<SCRIPT language=javascript >
% ^) F, B% S4 hdocument.write(0 Q1 \1 x4 \. [
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\ K$ Y ^0 P: H, t" F# Y
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
- c* e& e* `+ v, { `: j' h( R J Q( E9 g
function showtip(text) //显示链接的说明2 P4 Y% M# D# t* Y- C, g
{% y L) o [3 `. t
if (document.all&&document.readyState=="complete") //针对IE
$ q* m0 d8 u8 e% y {
V" |. `+ U( ]5 x9 B ) R/ I! {2 j- i! N9 v
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
% K, Z$ o* M; z: U3 v document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;/ [/ s- f' Q# q' P$ T. |
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;& o7 L A$ L w4 M/ Z
document.all.tooltip.style.visibility="visible";
`1 d$ ] j% ~- E; ?) Z }; P1 U. @, z" t' ]
}
* w3 `2 y) @ D) Q- F/ v% I) o0 L0 p) b% O
function hidetip()
! D# T% ^6 V$ F. V7 o{ _; t: w d( j: P
if (document.all)
5 Q: j7 ]( r" A document.all.tooltip.style.visibility="hidden";, W& n( m6 _' s+ I* S ?
}: G9 t4 ~+ V2 i: u5 [% v
" c) m* {7 N. p4 o; z+ z
function setcolor(fntcolor,bgcolor)
" y* ~8 u" i$ G6 m8 e8 [8 W{5 I5 C2 S! {$ G3 b
document.all.tooltip.style.bgcolor=bgcolor;* s5 r0 `( D& }+ B6 y7 f- ^% P' Q
document.all.tooltip.innerHTML.Color = fntcolor;
6 q% q1 S4 m! o}
6 P2 s; S* H$ h) C3 X( }5 [5 X- N
$ m! V( N! e9 B) U, Bfunction showhint(text)
2 X5 D" d: |+ u6 [5 ~5 _$ L{
5 [& k, C3 O, u" x& R/ a ~4 _7 K onmousemove=showtip(text);' c; B8 M0 } F" z! ^+ b5 D
onmouseover=showtip(text);1 f' e6 |' L* ~0 V0 N
onmouseout=hidetip();% Z2 }5 p( ?1 e
}
7 O9 M8 ~. {+ ? \; Z$ `+ p</SCRIPT>; K6 y( S0 A3 `$ ^
/ {4 S5 D! i# U& G
6 w/ P' j R* j* ^
4 _8 b% x: ]! W0 { i' {' K7 ^/ E* j2 Q) D
& X) m2 |, s+ K$ x4 Q; H/ n. G# z- _3 h5 | Y8 Q
二：将下面的代码复制到〈BODY〉区3 F7 V7 [5 A) U# r
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
6 P- U4 D# h6 i& N9 ^cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">0 a! ]/ Z+ Y3 z1 t' K
<tbody> . [ r! s( q; X' u
<tr align="center" bgcolor="#ffdfd0"> 7 d& u1 f. m: p6 g" e. p# Z
<td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
3 \' m6 E4 g0 E1 S& f* r7 e: Y( b! X" K: w target=_blank>赏心悦目</a></td>; `+ ^' l5 a7 P$ n6 u/ e
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')"
7 w% x7 @& `) [3 [ onMouseOut=hidetip()>网页素材</a></td># g% D2 e$ `& x- R
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
4 b$ E6 N; ^: C0 w5 E# e* x target=_blank>图像处理</a></td>
7 A. E# q- N6 X <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip() 0 Z6 q; Z; u. _/ w% s4 y. Y5 l" S
target=_blank>网页特效</a></td> z4 f: Z" ?! r. Q* J0 Q! n. ]+ f
</tr>% j3 r' Y0 Y# C) [- K
</tbody> , T9 L5 K" p. l: D
</table> |
|
发表于 2008-1-21 20:52
|