  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之带注释的表格菜单特效
一:将下面的代码放在<HEAD>与</HEAD>之间6 B" c7 ]' K1 \/ |* a9 \
<SCRIPT language=javascript >
* M! ~% { T, R, I# Mdocument.write(# x' }( d( V) P* }. ?$ G9 C
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\& f- x4 ?$ V6 x8 _. b
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
( w, }% G- c1 t) Q# w0 H4 [$ H. n
6 E5 x+ g# g V8 zfunction showtip(text) //显示链接的说明
- |' M1 f3 m7 o, W, ^* L+ ?{
7 c [/ D# n+ l- P if (document.all&&document.readyState=="complete") //针对IE
9 b% Q* u( F1 m- i7 ] {8 E6 s; |8 G; A1 Y, c# g5 l* v
; A0 D# f5 m' t* B
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";; c# ^) p3 F$ Y; Q' `
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
; z' i5 D+ q( d document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
0 k8 H" {5 K/ h! ^% D' N document.all.tooltip.style.visibility="visible";" v. B- l; S3 Y, L
}( u# @) v: q: H; D4 |; q, j9 O
}
; r( ~$ d0 `% {$ y/ p
! d7 f g9 R6 i) j& sfunction hidetip()
# o b8 D+ b: I3 q" G% {: C; ]/ x4 k: I{
+ X0 E% v; x4 K* _. w1 ~if (document.all), z) I5 u U0 V
document.all.tooltip.style.visibility="hidden";
{* l* D. n* ~( v}( `. L o) v! m7 D/ ?1 l
7 J% k [2 I$ g2 t' ^1 A
function setcolor(fntcolor,bgcolor)
m |4 Q! [6 Z' v{! {; M6 A. q! N4 _5 m9 c3 b
document.all.tooltip.style.bgcolor=bgcolor;' U) R8 l, I, j
document.all.tooltip.innerHTML.Color = fntcolor;
7 k- m: _1 ]- A& _$ h6 p& S}( s7 F6 @' Y) |, \
" d8 a' e& j6 ~( N; T+ H9 {6 v
function showhint(text)
' D# S% g6 @: p{+ l& g4 {/ M# Y% \$ @
onmousemove=showtip(text);3 e% t' \/ @' ?& y5 j
onmouseover=showtip(text);
# G0 l6 c- U) H4 U onmouseout=hidetip();
& o6 g0 v. |3 \0 f9 @}* U( Y9 C! M) i3 p. u; i3 y3 l
</SCRIPT>
4 ^4 P h4 k$ z1 @, T& W
# r0 e# }; h7 `. [6 ?3 z) |1 c/ @- v- x! r8 K9 f5 _, i
7 l7 M0 U& A( K& w# i+ n4 o
8 X y) v. @8 v1 f+ Y
" X( M) T4 A! v1 n% K( {
* S) o4 b6 ?5 ]+ g4 o& G- [0 P二:将下面的代码复制到〈BODY〉区
3 V7 I1 ?& L1 q7 ^7 J<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
' I& A' J2 e( z! X3 r: zcellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">
& F3 R8 D1 v& |5 g0 W6 R8 ` <tbody>
: F3 k' j2 z/ W+ |; C' h' [ <tr align="center" bgcolor="#ffdfd0">
3 j. F0 u1 D7 z) p <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松!')" onMouseOut=hidetip() & C0 }2 ]7 B4 ^5 W+ L
target=_blank>赏心悦目</a></td>5 T, S% V* n) E; ], Z* T8 ]
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便!')"
* l/ \+ x9 y4 N) y7 g onMouseOut=hidetip()>网页素材</a></td>
; x' b- ~. a6 j6 b" q <td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() 8 ]) O+ Z, M& Z, w2 a& O
target=_blank>图像处理</a></td>
* n6 A; s8 {, {" C <td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库,有详细的使用说明')" onMouseOut=hidetip() ; \: ?1 P, _) P
target=_blank>网页特效</a></td>
" ]) Y: m7 w/ T+ r </tr>& R& @/ n4 [5 F( {
</tbody>
6 p; e2 q$ w$ _0 j. D </table> |
|