|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间
1 L3 Z" q# \; g4 u- M<SCRIPT language=javascript >/ p5 A* P! H" ~
document.write(
) `0 Q" b/ {* ]& ~: Y"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\) o' e! `+ [9 I0 s
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
1 |: o. J9 W( e. F7 E
# C0 x6 i; ?( X ~function showtip(text) //显示链接的说明
7 T6 o4 C+ {: X2 i$ |{
! @! V2 f5 t- I. p8 S& z" m if (document.all&&document.readyState=="complete") //针对IE5 J& E# d& m$ J" R+ P" u, G
{
' X5 \8 R! ~+ x, f/ T* z q9 T 6 c- K& j1 E0 f4 x
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
* z$ \# B) r) x% S/ r' k document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;+ |8 p: Y) a" z* T
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
; _6 A( b8 z) U, g1 | document.all.tooltip.style.visibility="visible";+ u5 |5 o4 e3 B1 [
}
* d- J1 t i" l5 }- a+ `}
( P8 V3 Z4 g; q- G6 N% m
* Y; I2 @2 P- T* S" ?: V9 N6 ?function hidetip()
% x9 K$ C1 L0 V, C2 N: i{! k1 @2 I( C! V4 h2 T% q
if (document.all)
* q8 F, w+ L! P2 s) ? document.all.tooltip.style.visibility="hidden";8 z! C- V, D. i
}
4 i' L9 s" W4 B4 A2 z8 o6 g! ^1 Y x% l, i
function setcolor(fntcolor,bgcolor)8 [! o6 q7 N3 F: `1 v- n6 c
{' n2 o) X; p- s
document.all.tooltip.style.bgcolor=bgcolor;) \. G7 D1 G( _1 b( {3 t
document.all.tooltip.innerHTML.Color = fntcolor;
) |$ k3 Y2 U" D6 |" R}
2 v& P! l2 B3 z' Y$ l, X/ r: @% ^9 T& s- a" v( L: c
function showhint(text)- S0 Q8 ~# w8 ]" J1 {
{( l, H. u+ u. }; B% W
onmousemove=showtip(text);( h* [; b/ _ ]' X8 I0 f) U
onmouseover=showtip(text);
; T1 M! {2 H$ F% F# U3 M. e onmouseout=hidetip();+ F, E. [% g) p: K- j+ q
}
2 k T# ?2 w0 i6 P4 r</SCRIPT>
7 {2 X8 B1 K1 P7 S) n7 ]0 L' u5 D. S. b* f$ R; G5 `: {3 U& ?
# C4 C. W: x2 u, s) Q. e b0 k$ o
9 [( y6 s/ V5 x' q# K1 \) l) k. N( n- X
8 w! U# n5 C) D5 E* n5 [
二：将下面的代码复制到〈BODY〉区$ `/ l% o5 _# [ Z
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 1 j6 z8 }! b: c, A9 p3 ]
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">! ^+ p9 {( z9 i2 h
<tbody>
6 T' w" b( ?# {/ z2 |6 ^4 q) F+ H <tr align="center" bgcolor="#ffdfd0"> + T+ [' Z [1 Y0 d. ?
<td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
- Q2 j u5 \( @2 d target=_blank>赏心悦目</a></td>
$ | w, {9 m; K5 F <td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')"
% G, Q$ M- t5 z: n4 _' c8 ^ onMouseOut=hidetip()>网页素材</a></td>' c3 s$ z9 V& [; B
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() 6 @7 o: {1 b$ N5 }4 Z/ Q
target=_blank>图像处理</a></td>9 R4 M$ i5 u) S0 a
<td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
: q, q# N6 K5 F( C target=_blank>网页特效</a></td>3 ^/ m7 F3 h" n* t0 t2 M8 U
</tr>
* Q0 R" |! G2 ? </tbody> , Q6 ~4 A# n: D: H5 n3 H: @( O
</table> |
|
发表于 2008-1-21 20:52
|