|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间
- r* ~6 x: [: R4 ~<SCRIPT language=javascript >1 \- R T/ o+ e( f. L k
document.write(
0 ^& U, B! T4 O& G! ["<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\4 D$ n' A. A! G! ?1 g4 D
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
0 J2 X7 L- C; }& W( }
% m9 N9 q \# S0 v2 [& K6 O- F8 Afunction showtip(text) //显示链接的说明& A8 b0 d8 ~+ A4 P1 \0 }5 f
{# M" j1 I# H% d$ B
if (document.all&&document.readyState=="complete") //针对IE
0 a5 e* v1 `$ |1 E" L {8 \$ ^0 F4 ^& \3 A: e6 B
2 Q5 D. w9 D4 `4 b0 ? document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
7 V7 T, W: }4 Y document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
. u u. L" C( B. D# {3 O8 F document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
" F- G5 [" P/ A& o* u, _4 j document.all.tooltip.style.visibility="visible";
/ R Q% M" \( |3 F1 k1 } }3 q+ Z- ]" }1 t7 n# p6 ~
}
8 j! D- l4 y/ B1 [( q, g$ |$ Q- t1 h c
function hidetip() , x- e3 v+ P1 c
{: }' x/ K9 _1 b4 e
if (document.all)+ t) ?- L2 c' _0 }# D2 G# i2 V
document.all.tooltip.style.visibility="hidden";
) G p' v' Z3 k/ K6 A+ N}
" L; k, x' C A+ k7 e
7 u. B: P5 G/ g( ifunction setcolor(fntcolor,bgcolor)/ V' g9 ^4 ]: ^7 [* @) a
{
1 f) {! E1 ?* V+ W" V document.all.tooltip.style.bgcolor=bgcolor;8 j7 l3 S' G. d& V: \
document.all.tooltip.innerHTML.Color = fntcolor;
1 r; _ F9 F% m6 {' K}# \( n G' @) n7 G
/ F- T8 i. i5 H) U
function showhint(text)
6 L. |; `' f) w4 S7 D; e% ?{
+ y, N/ U7 U8 X+ t3 c onmousemove=showtip(text);# p/ E8 l( Q# a
onmouseover=showtip(text);% Y+ A& l" h; i$ p
onmouseout=hidetip();
% A8 A" k- Y `8 Z9 M}
4 _3 r8 g- h6 ?/ G! p1 z7 W</SCRIPT>
" e% m1 i/ |: ^6 I: U+ N. C3 A/ K8 p
7 z1 m6 U: Y. f Z
, ~% H2 U5 u1 ^; q8 J& o
7 c5 Z: b# i& `& F
: {4 l& V5 e7 j$ h- z6 X9 l: B
9 W& ?) {7 Y1 N4 \, \4 p二：将下面的代码复制到〈BODY〉区
4 r8 E% l/ o7 I1 n8 E G0 U<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
3 Q2 z$ G# _4 l9 G7 N9 bcellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">7 j9 X6 I' n% J7 i& }4 z
<tbody>
0 r) k5 c7 z B0 Z7 s% t <tr align="center" bgcolor="#ffdfd0"> 0 v% |% u" t* u+ k4 b. K7 G: q
<td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip() " O' R7 M+ U- t. H
target=_blank>赏心悦目</a></td>9 f0 F- b2 o0 \$ p" M8 Q
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" & a) Z( U" k: _9 v8 Y3 J
onMouseOut=hidetip()>网页素材</a></td>' ]) g. z% V6 T' W1 V
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
0 k& c$ x# D) T4 O target=_blank>图像处理</a></td>3 \* i" x* M m) S
<td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
1 _ e4 U( F. f. ? target=_blank>网页特效</a></td>
9 d+ y3 s' t# p0 N </tr>& c8 v( `# T- ?3 Y8 a% q# a7 a: d5 G
</tbody> . _5 d7 x7 y+ u; z y0 w* d
</table> |
|
发表于 2008-1-21 20:52
|