捌玖网络工作室's Archiver

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

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

一:将下面的代码放在<HEAD>与</HEAD>之间j.{&]&oq/n(|Ra_
<SCRIPT language=javascript >([h G2_v
document.write(
"~U.E rj?~x'_ "<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
0AEf h#K E t3I ;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");V m-o"e2n+n(Ay t

B }r/R(LI(z function showtip(text)  //显示链接的说明+n:r,cCZ4xXe&E;p
{
*CO4ECA#q   if (document.all&&document.readyState=="complete")  //针对IE Qft0\`A?
  {
v5S Ri O'K!o0m   _i2I.nj#ge TJ
  document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
/cn%glhfn ~P(|   document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
} h2|_0h2T:Tr   document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
j [m+J b!Y O1}?+p0H    document.all.tooltip.style.visibility="visible";+~ibI5S F0}
  }m"DWn)chP4y
}
bW;}u!I&y/} t+Lf0bHo)Jh
function hidetip()  
$Je-ex I*o#l'i!i {3]piU1rN
if (document.all)
A"{;RwAe QG"s   document.all.tooltip.style.visibility="hidden";
4U{-Do(Z r}?0L },x#\%}&Bz2j&l`

`wDHW function setcolor(fntcolor,bgcolor)
x/IdbF/A;p {-u@ p&Kq,F
  document.all.tooltip.style.bgcolor=bgcolor;*i1I(_uys;[%g
  document.all.tooltip.innerHTML.Color = fntcolor;
xk;C/K,[| }
S2KU:c)C'X7|k1e )V#[:b%l:~y
function showhint(text)0gz SH,{ c(F
{[&r&e#]Z(^;sn
      onmousemove=showtip(text);
%wTce8X$Zc hn       onmouseover=showtip(text);3d_"s&fv1DC8t%K
      onmouseout=hidetip();,U)mI0x)|S
}7P8R:p0})MT
</SCRIPT>
p3A m)rq e%z
t4ar0o5j5Ag y
jc'E;l5wqX
!a%Yn2vm?$s;Uz owJv%G Ee

/{\x6U C8B L$a Z1r"[ p;ZAc_ Q&^
二:将下面的代码复制到〈BODY〉区7nl.^yV X
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
ezbY)i(fo#S cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">'_,N Ud9K
              <tbody>
j3Z%y2M)V {               <tr align="center" bgcolor="#ffdfd0">
] ok+{3o"FJ M aP h                 <td height=9 width="25%" class="css3"><a        href="../../sbtx.html"        onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松!')" onMouseOut=hidetip()
YW+D(Ps(i       target=_blank>赏心悦目</a></td>}.B&i@w1X
                <td height=9 width="25%" class="css3"><a        href="../../flashmenu1.htm"        onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便!')" _$O6O4y9iy^^1}4x
      onMouseOut=hidetip()>网页素材</a></td>
8w F8V1fP!N ?A$I7}$v                 <td height=9 width="25%" class="css3"><a        href="../../wyjcs.html"        onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
5T'z/h.cM1C8n       target=_blank>图像处理</a></td>
}7a.a:U7|0\%y(Op/\                 <td height=9 width="25%" class="css3"><a        href="../../soft.htm"        onMouseMove="showtip('网页特效<br>网页特效的大宝库,有详细的使用说明')" onMouseOut=hidetip() xB ?!C)~h
      target=_blank>网页特效</a></td>
:_&I)nAOUVm-Q               </tr>!e0l5]-c1V
              </tbody> !f-x/baab"n
            </table>

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


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