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

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

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

一：将下面的代码放在<HEAD>与</HEAD>之间 R.m7J*{T2@ZO
<SCRIPT language=javascript >(qP+Xk({g
document.write(&G_eU%TXB*F.J u
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");LS.zMm0@^'?xd#]

function showtip(text)  //显示链接的说明
{
  if (document.all&&document.readyState=="complete")  //针对IE
  {
  8I.Y8cBe?Z-JR
  document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";1AK x"`y,_
  document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
  document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;/RT-t e,fgf3F
document.all.tooltip.style.visibility="visible";*n!s{/F.yG5|8q6l
  }V9G3}.OKTtS8A
}[R7E{e T4|4?Hs

function hidetip()  ,F$YTl7j&pt m
{$P,P}0mw?
if (document.all)
  document.all.tooltip.style.visibility="hidden";!ZD x*nq-o
}
iH:s7Z#`m3r\
function setcolor(fntcolor,bgcolor)
{o*B&in'} k3v](J#q
  document.all.tooltip.style.bgcolor=bgcolor;Uu~cXL*L
  document.all.tooltip.innerHTML.Color = fntcolor;n%dGiV0K
})Ji&b"zM

function showhint(text)8{ t(w-~9c
{*\? @;`D$EZh4v
   onmousemove=showtip(text);b$];{ `9K(\ P#VkK
   onmouseover=showtip(text);@{iC'l
   onmouseout=hidetip();+J|TI.H
} KPEApE+e
</SCRIPT>

CP0v Y%VHF#EB!q
二：将下面的代码复制到〈BODY〉区)P_yH9U Aegu
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">
            <tbody> D_+nU*q5Nz5G
            <tr align="center" bgcolor="#ffdfd0"> _5j#@*Bs/B6S
            <td height=9 width="25%" class="css3"><a       href="../../sbtx.html"       onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
   target=_blank>赏心悦目</a></td>,n"hv&Z$V+^
            <td height=9 width="25%" class="css3"><a       href="../../flashmenu1.htm"       onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" \R(Y8}6gIT3G0A(F
   onMouseOut=hidetip()>网页素材</a></td>
            <td height=9 width="25%" class="css3"><a       href="../../wyjcs.html"       onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() 0d/@QmSi1Y0]-{ Z
   target=_blank>图像处理</a></td>vp7jh/dMi
            <td height=9 width="25%" class="css3"><a       href="../../soft.htm"       onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
   target=_blank>网页特效</a></td>
            </tr>^(u:J8w](]@!K
            </tbody> |Pr}&rN
         </table>

页: [1]

捌玖网络工作室's Archiver

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