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

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

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

一：将下面的代码放在<HEAD>与</HEAD>之间
<SCRIPT language=javascript >)k5ERxZRzi
document.write(Ly~luH!mC;CII
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\ bN*qy_2hEH
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");'R9q(d/cq
-c$j\5T;@J-v
function showtip(text)  //显示链接的说明0j!o#o ^.VDj
{u#R{1w^9[
  if (document.all&&document.readyState=="complete")  //针对IE
  {

  document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
  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";6os;d:?3IN!h8k
  }0jrZ7g;M7z6O}
}K%~$i:l r\

function hidetip()  Xj0@$k2{K+CG&x
{
if (document.all)
  document.all.tooltip.style.visibility="hidden";&Dz0H#t r.RKaEH#z
}4gh9nr a8y8|
d0FO,od$\6z"P,nZ
function setcolor(fntcolor,bgcolor)
{vX2`ze|-k/m |A?F'O
  document.all.tooltip.style.bgcolor=bgcolor; D5vad ?,s
  document.all.tooltip.innerHTML.Color = fntcolor;
})t:h(P Wk N1T
(?2],[|e:n%v%a$oz
function showhint(text)
{
   onmousemove=showtip(text);x*E"`t}1I:m
   onmouseover=showtip(text);+~7yp%~R~GF)A;|
   onmouseout=hidetip();
}
</SCRIPT>
.L"]J5oZ8X WR
4@#|@p4O|
7\0y;U5jn1z
b*y w3k2kz| ap

二：将下面的代码复制到〈BODY〉区J7`8g[[u&f
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 OAW'w'uE7]l@U
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0"> [0TOL-Sc0v T;E#C9V
            <tbody>
            <tr align="center" bgcolor="#ffdfd0"> #J1d0M6X8ta
            <td height=9 width="25%" class="css3"><a       href="../../sbtx.html"       onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip()
   target=_blank>赏心悦目</a></td>8q-s8wGB2u ]
            <td height=9 width="25%" class="css3"><a       href="../../flashmenu1.htm"       onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')"
   onMouseOut=hidetip()>网页素材</a></td>~b,J(I \
            <td height=9 width="25%" class="css3"><a       href="../../wyjcs.html"       onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
   target=_blank>图像处理</a></td>
            <td height=9 width="25%" class="css3"><a       href="../../soft.htm"       onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip() I^"\+ZC!B-G8u-O'_
   target=_blank>网页特效</a></td>
            </tr>{6@e3c+vu4n+neVc9P
            </tbody> ??^ n0TS3D;Q!]]
         </table>

页: [1]

捌玖网络工作室's Archiver

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