网页之带注释的表格菜单特效
一:将下面的代码放在<HEAD>与</HEAD>之间<SCRIPT language=javascript >`B2O iM4Thx
document.write(
"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\%n]q1J7`
;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");
function showtip(text) //显示链接的说明
{nt5`7SQ };l
if (document.all&&document.readyState=="complete") //针对IE
{
eU1PS3\;Tz tIq
document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;n+B5z?i8z|wd.Wd
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;
document.all.tooltip.style.visibility="visible";nq8b^~,{0O.Ht w^
}cg$^qAI
}
!A*KBJ]mU:at
function hidetip()
{M hCOO!Z5U{q
if (document.all)Zkz6?1rf
document.all.tooltip.style.visibility="hidden";
}0@$K*H8I%I"D
~7M#xG!q4L|uFM
function setcolor(fntcolor,bgcolor)
{
document.all.tooltip.style.bgcolor=bgcolor;
document.all.tooltip.innerHTML.Color = fntcolor;
}
function showhint(text)
{
onmousemove=showtip(text);q J BSBuOvg
onmouseover=showtip(text);IQD.oc4M"LC:t5\9]
onmouseout=hidetip();
}S8| ~ J,a#^
</SCRIPT> a,YMk%y8G3^
#vbh^n-wQ
bx3fl%S}:cQ.D)Q
4dTkO:sAX
jC+g.Dqys4k
二:将下面的代码复制到〈BODY〉区5ae]tf,N~
<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1 mL.i9aS4gl
cellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">``Sb}nu;iTi
<tbody> j4b?)j{$@8H|\R
<tr align="center" bgcolor="#ffdfd0"> %aP"zK^_Uq*RF#a kY
<td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松!')" onMouseOut=hidetip() WIi^ n6L Y8N4h1Cx
target=_blank>赏心悦目</a></td>&W-KT[T'~M.^8lmvG
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便!')"
onMouseOut=hidetip()>网页素材</a></td>U#n o#jeq E
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() zF3dT"y5wu
target=_blank>图像处理</a></td>LL{$s3RL7S;[
<td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库,有详细的使用说明')" onMouseOut=hidetip() Ih'v~q8F%e@3@8|
target=_blank>网页特效</a></td>a gZv!x n{$Qs'j un
</tr>],L/t,Gd?H
</tbody>
</table>
页:
[1]