获得本站免费赞助空间请点这里
返回列表 发帖

网页之带注释的表格菜单特效

一:将下面的代码放在<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>

返回列表
【捌玖网络】已经运行: