|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间
! ?7 V- h0 N9 o U<SCRIPT language=javascript >
5 [; A; N& k4 X7 \ n. B/ adocument.write(
u5 }) z: A! v5 C"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
2 b k' k N3 D& Z( p, E& U2 g;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
; U8 D8 L! F4 C/ d5 \0 U. @; v1 i# s S% f
function showtip(text) //显示链接的说明6 x# T6 y+ y8 A, n( r
{
! X% d# N! ^0 f3 e if (document.all&&document.readyState=="complete") //针对IE
) U( h) ~2 I0 u* C* q {
- G. H- F: c* N8 R6 U2 D
! ]' X" K" O8 U( U document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";( X* K7 X8 \: Z0 O; {7 Q
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
" S5 F/ F# u# A document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10; y! V/ T; ], {7 w4 w1 {5 o+ g# h
document.all.tooltip.style.visibility="visible";
* H1 S' `$ x4 E( h' ]& H7 Q0 Z& k }4 `5 Z- f. J8 {- X+ x7 S* e
}
( B# O' H! S2 E4 p! a3 \9 q( |+ \3 a' \
function hidetip() 5 @, p0 |0 @ v/ F. F9 H. J' j
{ S& K6 M9 v" r# c) D `/ G- E
if (document.all)
8 C9 \2 n& u! L" J( V; j document.all.tooltip.style.visibility="hidden";, \ {: h% J- B- Y8 x \( R' {4 V
}
N; K7 L5 D: D' d8 Q. e. ?
0 l7 Y0 I; {" r% \/ p! B2 {function setcolor(fntcolor,bgcolor)$ H1 [6 t, _$ T8 K" i5 X2 b8 L, T
{: l) p- n# J2 g& T7 u; g
document.all.tooltip.style.bgcolor=bgcolor;
K. a8 x) W* U: H$ O% @# { document.all.tooltip.innerHTML.Color = fntcolor;( |3 v& E6 ?8 r0 ~1 o
}
5 r Z' x9 ^( U) P- F! D/ l1 S- G
function showhint(text)
, w5 R( Y4 I# ~( e{
5 l8 i; t0 N0 l! h! A" Y$ J j: I2 Y onmousemove=showtip(text);1 p! {" z. c- y/ W% V) l# W
onmouseover=showtip(text);
: q+ _6 T# \" y onmouseout=hidetip();
6 Q7 u8 y5 }& W9 w/ ]8 e3 n}) B7 _" y# D+ t/ A" o6 V
</SCRIPT>
+ ~2 p$ O+ a# _ P" A/ T) X9 g5 ~) l. T( k) _% \" q/ @' D
2 P* N. H, ?0 x
9 @$ G& `8 _1 n7 i; v
8 x; r& I8 K1 @) P9 z4 S
. N# Z3 e" n8 u$ y. r+ N% w3 w$ K$ `) \- P; n
二：将下面的代码复制到〈BODY〉区
: E; r' r3 {( ?7 q<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
. v% o9 p2 L3 n N0 S Hcellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">
; K, a" z0 [% P* u' N1 Z <tbody> - v& z8 T2 y/ C& U0 O: y- ]& L
<tr align="center" bgcolor="#ffdfd0">
6 c0 q) v% X; f <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
* k1 M- c- n; q \, w target=_blank>赏心悦目</a></td>) P3 G- |* a6 v; j$ @& Z `
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" 5 `5 {6 [5 R, }6 r( k! h+ p
onMouseOut=hidetip()>网页素材</a></td>
; R' _; D4 `7 Y* U# y <td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() + g0 q# g2 j! h% i
target=_blank>图像处理</a></td>
# I* v1 }9 D, i9 Q <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip() b( d1 Q' s* J, |
target=_blank>网页特效</a></td>
4 g( U- _, a; I- L% h% V </tr>
. O$ w$ h5 \2 k& h N2 Z( l </tbody>
- e! R( ]3 Q2 V </table> |
|
发表于 2008-1-21 20:52
|