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

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

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

一：将下面的代码放在<HEAD>与</HEAD>之间9]0E+qE"O6MN
<SCRIPT language=javascript >V@7^)k@,J},iG
document.write(-MQHL3VOG \
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\k H0Amc$^Br
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");

function showtip(text)  //显示链接的说明GQ*~6fG/oT
{
  if (document.all&&document.readyState=="complete")  //针对IEV(i8RJ3v Q${
  {[Cv]!aund7a

  document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";3xIJQ+PW?p
  document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
  document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
document.all.tooltip.style.visibility="visible";
  }$`%gw5Wn
}C XU%W%O%I-g-HI

function hidetip()
{7ViV5E"r;~
if (document.all)`#J|$G1o
  document.all.tooltip.style.visibility="hidden";+Z [:e @mW
}3b'c'q7W-oPZAn+i

function setcolor(fntcolor,bgcolor)
{
  document.all.tooltip.style.bgcolor=bgcolor; ?A+m8UX
  document.all.tooltip.innerHTML.Color = fntcolor;
}
:@t#HHgD&ZX
function showhint(text)
{Hw|XqyciY
   onmousemove=showtip(text);,|3P)Q5M tW&O
   onmouseover=showtip(text);e3ZEbG!o%u&E8Bsn
   onmouseout=hidetip();$TX*TrH|e
}
</SCRIPT> H^@m2X

.w'L?|DT1~\;y}w
S*Y0Hx-ep/i
$eH`gKO

[x*}J$TD t
二：将下面的代码复制到〈BODY〉区^'{G&}P$lI
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 7k]g0a&oE^
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">A[h/Mb8c'I
            <tbody>
            <tr align="center" bgcolor="#ffdfd0">
            <td height=9 width="25%" class="css3"><a       href="../../sbtx.html"       onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip() Z_!V)E qt k{0K%\
   target=_blank>赏心悦目</a></td>
            <td height=9 width="25%" class="css3"><a       href="../../flashmenu1.htm"       onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" -hd R4C$YQ Er/TW0_-r$B
   onMouseOut=hidetip()>网页素材</a></td>
            <td height=9 width="25%" class="css3"><a       href="../../wyjcs.html"       onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() Q @[(w Z?
   target=_blank>图像处理</a></td>[V @,o?+R*bZ p
            <td height=9 width="25%" class="css3"><a       href="../../soft.htm"       onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
   target=_blank>网页特效</a></td>0sa)Nu,@n
            </tr>
            </tbody> ,x3f,v{7Ij;p
         </table>

页: [1]

捌玖网络工作室's Archiver

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