捌玖网络工作室's Archiver

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

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

一:将下面的代码放在<HEAD>与</HEAD>之间~Nl'WM7X}
<SCRIPT language=javascript >
'CLWd9a8E document.write(
1v'O:`;}(MjA "<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
0W)[T(u&?]hA ;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
G sX/zN Q f,KF B?@ryS
function showtip(text)  //显示链接的说明4l x!r.c1VJD%Y$RX
{ s4m"L${w8mo T}0P
  if (document.all&&document.readyState=="complete")  //针对IE hs6j)MA1n _
  {;YY*V0wL&I*rTG
  
)]QG{Hm*G-{B   document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";}v[9y%FrN
  document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;Hl2a}&u7],~$al
  document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
P.YT1pIQ3s    document.all.tooltip.style.visibility="visible";
5]/_q2C5gE   }ldbV}Ik
}7\yQX1M#?`

,oAjY2Oup@D function hidetip()  ;~tVT7W'XxR#sG
{
n`O` Wg@(a if (document.all)%ei9A]H|#mVW!HY$n
  document.all.tooltip.style.visibility="hidden";
P"b7F6Q3HH }$V(ND6LMY`.k
(d m~[ AQ M
function setcolor(fntcolor,bgcolor)
'f'kt#f]Hk;x {
,Or"q*Y!H   document.all.tooltip.style.bgcolor=bgcolor;.p C}~!Piqo
  document.all.tooltip.innerHTML.Color = fntcolor;#TBXf;{K1?[.~ O
}
9c!H+Y!Cz
)_n&p-]7x)iG*t%\j$ee|)C function showhint(text)K'R5v/w'X
{
p5n+H!T.Iq       onmousemove=showtip(text);
c aL5Nw]clF7kC       onmouseover=showtip(text);
[ro_ CN       onmouseout=hidetip();
1E[*v8@ ]!d'j"kB"r }NY5[tj,v'n
</SCRIPT>
.PBe,ZB&^ kW\T}

lk;f0T$J$MgL+[J -r(It8O/JBMm'J.j

^!@k6y[}fwc,~Fp +x!RF'x0L5N KON!Y%f
3no'\Dn]2u
二:将下面的代码复制到〈BODY〉区
-g)bM)F2z$v4D!B%T <table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
5I9crc`#p{ cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">W1u5X2fO a f
              <tbody> #Xy J!{D!a2e
              <tr align="center" bgcolor="#ffdfd0">
1H1iP/c#vX)P                 <td height=9 width="25%" class="css3"><a        href="../../sbtx.html"        onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松!')" onMouseOut=hidetip() 1t1Dam b
      target=_blank>赏心悦目</a></td>
5qM$aU)P.U                 <td height=9 width="25%" class="css3"><a        href="../../flashmenu1.htm"        onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便!')"
4D [z7GQ|i(aQ4b       onMouseOut=hidetip()>网页素材</a></td>
5o;[b.x5W Z                 <td height=9 width="25%" class="css3"><a        href="../../wyjcs.html"        onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip()
V KC{!x(I       target=_blank>图像处理</a></td>#p vL.f9k;z
                <td height=9 width="25%" class="css3"><a        href="../../soft.htm"        onMouseMove="showtip('网页特效<br>网页特效的大宝库,有详细的使用说明')" onMouseOut=hidetip() "{S Z8erO K
      target=_blank>网页特效</a></td>
VE\ P"d0s"Uv               </tr>
aH6OSZG$DX               </tbody>
*d)j;{/jv.^ qE             </table>

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


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