网页之带注释的表格菜单特效(页 1) - 网页编程 - 捌玖网络工作室 |网页制作|平面设计|建站交流|代码资料|建站教程|主机域名|asp、php、jsp代码|网站素材

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

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

一：将下面的代码放在<HEAD>与</HEAD>之间
<SCRIPT language=javascript >L/~1_"[+@b7h
document.write(
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");;M6[xMC!O

function showtip(text)  //显示链接的说明(EJu{9_(a
{t5]&[V7rj u,H1T
  if (document.all&&document.readyState=="complete")  //针对IE1y5y;Xc] {f;EA
  {KE4|6`lnb
  .a7IE*iu m
  document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";rE)ZFl9H
  document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
  document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;+dT0G ?;B0X0n
document.all.tooltip.style.visibility="visible";"i1q;odU9f(g-C
  }Mb` st3oj*Rz
}
#? W'I.Mg2m-[#E ^!a T
function hidetip()  kf1~XA{T eX
{
if (document.all)
  document.all.tooltip.style.visibility="hidden";
}mG$h5f%jODHv
!q'jH[+uK/b,h
function setcolor(fntcolor,bgcolor)R3^qt4F7c
{
  document.all.tooltip.style.bgcolor=bgcolor;
  document.all.tooltip.innerHTML.Color = fntcolor;$|;EoS#u&H5_H
}
5sZZz_o-{g5K
function showhint(text)(k$f4\;O/Hn~7q
{6a:Tl^4i3C,w}{eg
   onmousemove=showtip(text);
   onmouseover=showtip(text);
   onmouseout=hidetip();
} M/mng"[&N
</SCRIPT>

)r:_}9gH2y;a(O9|
^aMJ+_"t
&YE+D)JtO RPO
:jK&k1tZ TW
c;v.K kzeM)e$a*]
二：将下面的代码复制到〈BODY〉区
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 ]E6Ret+E
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">0fLs"a`wL
            <tbody> 7H%O7s#t;c*v1r
            <tr align="center" bgcolor="#ffdfd0"> 8U"B\ tx
            <td height=9 width="25%" class="css3"><a       href="../../sbtx.html"       onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
   target=_blank>赏心悦目</a></td>]'Y8maL"Q9N
            <td height=9 width="25%" class="css3"><a       href="../../flashmenu1.htm"       onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')"
   onMouseOut=hidetip()>网页素材</a></td>
            <td height=9 width="25%" class="css3"><a       href="../../wyjcs.html"       onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
   target=_blank>图像处理</a></td>#y M(M%b6dr(D
            <td height=9 width="25%" class="css3"><a       href="../../soft.htm"       onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
   target=_blank>网页特效</a></td>Xq8Gt\7B6_'h\N
            </tr>
            </tbody> X5J S2l,Eo2n:IC
         </table>

页: [1]

捌玖网络工作室's Archiver

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