捌玖网络工作室's Archiver

zw2004 发表于 2008-1-21 20:52

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

一:将下面的代码放在<HEAD>与</HEAD>之间&T4`{8OwIn I!U*qv `
<SCRIPT language=javascript >"[0`,Yh0fdC;G
document.write(
&?2ym:qY*q"C`1~ "<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
9w }4F/P2T$e*l)Yi ;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");Fw'?j0N5p c+}sD

al$ZFXWx/| T ov#~2b function showtip(text)  //显示链接的说明
?D.H"p8Hv*xM_ {
|7S:k d/A8Ke$A   if (document.all&&document.readyState=="complete")  //针对IE
$d-x(bOG rq   {2rH"LI9E[
  ,GM1j"XWB F3\
  document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
!w(E,U!r8E{5ChUUl   document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
+G!]9xrA   document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;YUV)` I%Ul
   document.all.tooltip.style.visibility="visible";/p Gw$XK
  }
&a`G!Ak2I+K1tNJ }NW+}`0C)?+`B@*Rq

u5se,_r)u2]mQ&M7? function hidetip()  #`(M;^0ewp~[
{
CC*Eq ]7G8EQ1Su$z Fm if (document.all)0F0_)n\2n,N$sU
  document.all.tooltip.style.visibility="hidden";
V;G;~4CFa%} }
/qr#h3e4| F8i:e
b.IEg7\ m qT"R;F)~ function setcolor(fntcolor,bgcolor)
Oz_6Ln5gRY {%Vu ]5j5Q k(f$W!O;N
  document.all.tooltip.style.bgcolor=bgcolor;!bK,T8o5? Q
  document.all.tooltip.innerHTML.Color = fntcolor;XKl)~CL[
}
H_-D \ ~_ "y8Tg/[7I
function showhint(text)I3i^D K/wM+i2?
{wY g(F8}cD"XG
      onmousemove=showtip(text);
.{qo K']+F[       onmouseover=showtip(text);
P,C_%^IZ       onmouseout=hidetip();9w J0vY v!Ab6M
} W.o.h&\PcMy3c
</SCRIPT>(C;L8an}$O8?vf4z,v,F;`

e,t;`qB!nGn&O
/U#Sg5V(k
kTAn,k;R.g$B)okrM xV5s(DS
_4Cp)y!A%TB

+Hm*]W2L9a Wq 二:将下面的代码复制到〈BODY〉区Y9z{ ~\$E
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
9~u(n$?5q cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">
-w t%W.u"`t               <tbody> kO!oE1~4b-R uQ m
              <tr align="center" bgcolor="#ffdfd0">
2|} ~}+Uz*?                 <td height=9 width="25%" class="css3"><a        href="../../sbtx.html"        onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松!')" onMouseOut=hidetip() 7C,m YOxVL
      target=_blank>赏心悦目</a></td>
f9e9vd4C3]Q4M a                 <td height=9 width="25%" class="css3"><a        href="../../flashmenu1.htm"        onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便!')"
,Q@k$w ~7_0]a5N {       onMouseOut=hidetip()>网页素材</a></td>
/V5B5HO ^@z                 <td height=9 width="25%" class="css3"><a        href="../../wyjcs.html"        onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
(]~5i2OQ [2lX       target=_blank>图像处理</a></td>"|K1WF8}2APF
                <td height=9 width="25%" class="css3"><a        href="../../soft.htm"        onMouseMove="showtip('网页特效<br>网页特效的大宝库,有详细的使用说明')" onMouseOut=hidetip() )`K^qS1J
      target=_blank>网页特效</a></td>
Ck,W:bb               </tr>
0V$x g4@'?`T/|.I               </tbody> ,p7wL!z[Y`
            </table>

页: [1]
【捌玖网络】已经运行:


Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.