|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间7 H) O, f3 _: ^5 i
<SCRIPT language=javascript >! S$ [4 v4 x, [ n" F/ R5 M$ d
document.write(( y }; k( W, E2 ]1 h
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
& s5 K0 W/ Q |" `. o& S) S;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");) v+ C5 Y" s) W. K$ p3 v0 o
Q( i3 q+ _# Y# f7 k8 ?, E) l' L
function showtip(text) //显示链接的说明
$ f+ d5 a2 X% g, N* v, E- u{) y" `& s# x0 U% Z
if (document.all&&document.readyState=="complete") //针对IE ^ ^/ K% \( v6 u+ W* W
{) ]% z- w' l7 |
* Y5 }) V1 z: U document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
/ C8 b& k! C9 X* G" h- c document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
* D: m- H! k& B7 r9 J# w, a. N document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
5 d) Z6 ~' [) `( d document.all.tooltip.style.visibility="visible";
: K6 T& ~: ?3 @4 w$ L }
Z, l* {% u6 O' v' w" X6 z1 [& J$ h) V}& r' k% `9 T/ i2 X
$ F7 w2 O* o1 _- N
function hidetip()
, ?$ J* c4 M" V' i{. |* Z! X& t! f, @: G* N/ I# c# P
if (document.all)# z/ x0 Y- k3 L8 x& b
document.all.tooltip.style.visibility="hidden";% u* D: Q) t0 }
}
5 D8 X# U2 \7 j1 ?% t* T( ]
3 i* Y0 p4 I1 H4 W, k, U0 i. H# [function setcolor(fntcolor,bgcolor)
0 n( {6 ^- {( E9 ^' }# @5 \. _{
. Z) a9 O5 z+ D9 G9 m, |6 w document.all.tooltip.style.bgcolor=bgcolor;( Z7 N9 e6 b9 B" |( P( @. v9 g# G0 u5 P$ [5 l
document.all.tooltip.innerHTML.Color = fntcolor;
: S. O8 y) b/ P; V}5 V! y1 [, R8 v& O. J
& x f( ]4 x6 x& @# `
function showhint(text)
7 h9 C0 L# l4 X8 L{1 s* Q1 q; O f6 k# \" N0 g# V
onmousemove=showtip(text);# ?: Y3 `$ Z# h7 h* h" g3 {: ?
onmouseover=showtip(text);
% @0 e1 @% e' L onmouseout=hidetip();
1 e0 l& P2 v* T7 T+ w' p, |2 b/ B}
' M6 ?# x" n7 P7 r</SCRIPT>7 o% E7 M' a7 \! C
/ P8 K+ Y- j$ G ]! O" a8 Y* R3 w
* W% S% P1 }+ ~, Z( ^0 ^
" R8 t+ d o" v6 z8 p: L! E# f# Y2 d6 U2 I4 E
) T# t, Y5 m5 k0 `
, H& I. S( @1 H* g二：将下面的代码复制到〈BODY〉区
1 @$ K& ^( I. @<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 9 m- {$ o. ^: n, ]
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">: A- A$ @9 f, i( A
<tbody> 9 S- C" V W1 w0 W1 J
<tr align="center" bgcolor="#ffdfd0">
/ G8 L* I6 B/ E) @7 J% b <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip() 8 H: ^4 E3 U7 y* x
target=_blank>赏心悦目</a></td>
8 V# N& V6 D. _! p5 q6 j <td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')"
3 L. U% k& h, _8 G onMouseOut=hidetip()>网页素材</a></td>
4 M) U! F- F5 y9 T" m. Q* S <td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
}4 Q& p9 L3 s3 o4 \+ l target=_blank>图像处理</a></td>) \: j: I9 K5 k
<td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip() , c/ ^% V/ z8 d* w
target=_blank>网页特效</a></td>
8 U' b6 Z/ r8 C' ~0 m5 ] </tr>
& `% O4 L% ^4 J& F* a( l7 L1 Z </tbody>
7 ~7 b* z: [3 r" ?8 K </table> |
|
发表于 2008-1-21 20:52
|