|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间
1 m: I! w y. W<SCRIPT language=javascript >) S+ ~! D9 S \! |9 H+ A$ a
document.write(
, P+ U- ? L$ Z9 x"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
* h6 F4 C( k5 R6 c) X;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");1 z8 k$ F; @9 C! M7 @6 {% O) I: w
( m& }4 ~5 |$ m& V, E
function showtip(text) //显示链接的说明
7 @! r& h# q* c( t9 |{, g% G# {, p+ J0 \1 ^
if (document.all&&document.readyState=="complete") //针对IE O) d( Y3 I& w( ^/ j
{
6 O4 L" O2 }, t7 K$ g # [4 f! _( }# u( L1 T
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
- F" t# e. @# o' F document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;# Y, }4 j m, b
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
5 I) j- C+ T1 V* ^+ J8 { document.all.tooltip.style.visibility="visible";2 |. v- G3 T2 m( R" a
} I5 s8 j2 H, D
} Q% A# E5 R/ v3 g& @$ M
$ l$ t5 x2 W% y
function hidetip() ; j" c& _6 G/ o% p0 P
{' B3 O# b1 m. ?; ~5 |% Y( B5 S. k
if (document.all)
7 j# F% J7 p# D# ~ document.all.tooltip.style.visibility="hidden";
9 _" t3 t3 k. D2 h) {}
) O# ~! Y1 [5 x" L
( S0 {- B# t0 S1 n- `function setcolor(fntcolor,bgcolor)/ z F$ A. }. S
{$ D8 Y5 u! R9 Z) c, A `0 c. t
document.all.tooltip.style.bgcolor=bgcolor;3 ?" c0 R$ q6 m( {# m0 m4 R
document.all.tooltip.innerHTML.Color = fntcolor;2 b& |0 k w6 a E& o" v& e4 o- Z) Q
}0 ^1 s0 q4 d+ h# B7 ]1 y2 {
! _* b7 P$ |* D. n
function showhint(text)
' }/ I: Y% Z* s2 p{
" {2 G0 _, P V onmousemove=showtip(text);
' f* A! O( g j4 U! [8 ` g$ q onmouseover=showtip(text);6 k0 R0 i! P. H- z8 T
onmouseout=hidetip();# _" _/ X% ^' _" z9 k: O5 ~, Y4 P3 @
}6 b2 x t, R' e- M
</SCRIPT>9 g' |* S0 X4 _ V- M( C" O$ _5 w3 q9 |
0 M$ u% W4 x K- F
9 H* V6 p$ u6 [ Z" z" S! g3 A) E& i5 q0 f7 j
5 ~5 V/ f' t- p* z3 @, m1 W/ O
$ r* N1 o. U0 O/ H' ?& B$ k
) ?7 B, T5 n$ l二：将下面的代码复制到〈BODY〉区3 {) `0 z |3 l; X7 {; {
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 * G8 d. y: [6 r5 k( y
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">
& L- [) t/ X9 _ s( b4 E% ]( Y <tbody> 9 P5 |& y- m3 z" |" u
<tr align="center" bgcolor="#ffdfd0">
- F: {* C- G/ f/ Y0 k/ G4 n+ @ <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
$ K/ g9 }+ B% l- [8 Q& ~$ w target=_blank>赏心悦目</a></td>
; ]* a- r. h6 X+ c! h; n6 g <td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')"
- }9 W3 a% ~4 R% P3 k onMouseOut=hidetip()>网页素材</a></td>6 l& j K5 ~7 M5 |) n7 k
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() * y$ m* P8 i+ }. R( l9 m5 G
target=_blank>图像处理</a></td>
. x$ J9 B6 s ]1 d" v& ?& C1 x <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
\: u, L/ B1 D% q; t target=_blank>网页特效</a></td>6 m- g5 e. }( r
</tr>9 c% W$ ?$ c) q4 ?3 z5 R h8 i
</tbody> , @8 O! I0 o- f
</table> |
|
发表于 2008-1-21 20:52
|