|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间1 M, b2 N4 v5 [8 G* R. i
<SCRIPT language=javascript >+ \$ K6 Y) w# J' {3 Z$ Y
document.write(
" p/ c- F: o7 y# V2 B"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
' f# V" B) P; U4 I) q0 S9 T: Q. o4 P;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");! i: G& F/ j" h5 j
3 I% }8 f1 B$ w! d: D
function showtip(text) //显示链接的说明
% N$ K% V( C- A& G w+ c{
: n9 [7 h/ S& P# E if (document.all&&document.readyState=="complete") //针对IE
/ {# W1 E! s+ h {
6 E1 ^/ V* @) ^) H- s7 Z+ D& T * D# S; U" P4 y! i; E$ }" \
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";: p, w2 i" B: r, X8 p$ j
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
1 E) j2 u6 }8 x document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;# s7 ]1 b! |; H* b7 A& P
document.all.tooltip.style.visibility="visible";
* v4 G3 M$ X8 n3 q5 k }
1 Z- m' D2 U* B k+ M9 u}) D" t F+ H' I# u. W* x
$ U' d7 P& a" _0 Cfunction hidetip()
/ I( q+ J7 Q: K- g{
5 w2 y7 S8 J0 n/ _' }7 v- B: nif (document.all)* S5 [. k$ j: F3 U5 d
document.all.tooltip.style.visibility="hidden";
8 M4 ]6 H2 w4 x" N}, _& f5 X# ~6 o9 E5 y9 g6 F
4 R2 t' a$ E' ~' h7 t
function setcolor(fntcolor,bgcolor)
! f: R5 ~+ S) F% ] N+ n{
6 a, @' u6 }9 M" Z document.all.tooltip.style.bgcolor=bgcolor;5 v- e+ n0 Q: {
document.all.tooltip.innerHTML.Color = fntcolor;9 U3 X0 {3 F9 h
}
! Q- R2 |$ T' j+ X/ C" P: k3 [( K0 |& L3 Z( `
function showhint(text)
! O7 U8 Z3 h5 P0 Y$ Y& g{1 w" G g7 {- Z- X% C+ `1 _
onmousemove=showtip(text);. \! v* e9 [7 X) ]3 l2 Y! F
onmouseover=showtip(text);
$ k/ }" {9 c" B3 W5 u# _ onmouseout=hidetip();3 t3 J. F3 c9 L5 o7 P
}
" ?- I! A/ S. d& q$ p% X</SCRIPT>
9 r0 X3 F: l! U2 A3 Y6 i' p" |5 ]) a& M. L
$ g0 ~+ D% {6 _+ N. X
# {% G E! e, V. }5 d* ^
3 L5 ], M$ k3 P2 W$ V5 l% t2 G
3 q" T) P( _, D/ r8 w0 h1 h2 G( D/ C
二：将下面的代码复制到〈BODY〉区
& @% S# r: Q3 T<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 1 H0 v# N/ y9 Z. U6 \6 d4 H
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">3 y# Y& d5 z' U4 K( {# g
<tbody>
2 U. r8 D8 _) b9 e6 g# C3 R2 J <tr align="center" bgcolor="#ffdfd0"> 8 O: k1 L8 ~9 D8 a2 U
<td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip() 1 `) E) B3 w8 H7 g7 G A7 u
target=_blank>赏心悦目</a></td>. T4 i* n. e3 p) w0 B4 Z7 j) e
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" t. u) N( P/ p+ [; I1 {+ Q
onMouseOut=hidetip()>网页素材</a></td>
" q' j0 E5 ?: q+ B& ? <td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
& x' l A. o1 s! W; L ^9 N7 V target=_blank>图像处理</a></td>
; Z2 P+ T8 c# w <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip() 5 G# f g7 o" r* }% v
target=_blank>网页特效</a></td>
2 ~$ ]" ?) x& P( ` </tr> m- T1 n' {# R( l
</tbody>
, s% a" o1 H+ I% b5 ^ ?3 x </table> |
|
发表于 2008-1-21 20:52
|