非常酷的链接菜单效果
下面是效果
|
将下面的代码加入到你的网页<body></body>中间即可......
<style>
.BorderOn { width:90px;
margin-left:10px;
border:1px solid #456789 }
.BorderOff { width:90px;
margin-left:0px;
border:1px solid #444444 }
A.mBlue:link {color:#00CCFF; text-decoration:none;}
A.mBlue:visited {color:#00CCFF; text-decoration:none;}
A.mBlue:active {color:#00CCFF; text-decoration:none;}
A.mBlue:hover {color:#FF0000; text-decoration:underline;}
A.mGreen:link {color:#00FF80; text-decoration:none;}
A.mGreen:visited {color:#00FF80; text-decoration:none;}
A.mGreen:active {color:#00FF80; text-decoration:none;}
A.mGreen:hover {color:#FF0000; text-decoration:underline;}
A.mYellow:link {color:#FFFF00; text-decoration:none;}
A.mYellow:visited {color:#FFFF00; text-decoration:none;}
A.mYellow:active {color:#FFFF00; text-decoration:none;}
A.mYellow:hover {color:#FF0000; text-decoration:underline;}
</style>
<script language="JavaScript1.2">
offMessage = "电脑学习网"
function boxOn(which,message) {
if (document.all||document.getElementById) {
which.className = 'BorderOn';
if (document.getElementById) {
document.getElementById("Message").innerHTML = message
}
else {
Message.innerHTML = message;
}
}
}
function boxOff(which) {
if (document.all||document.getElementById) {
which.className = 'BorderOff';
if (document.getElementById) {
document.getElementById("Message").innerHTML = offMessage
}
else {
Message.innerHTML = offMessage;
}
}
}
</script>
<table cellpadding="0" cellspacing="0"
width="132">
<tr><td align="center">
<table cellpadding="3" cellspacing="0" bgcolor="#FFCCFF"
class="BorderOff" width="116">
<tr>
<td height="27">
<p align="center"><font color="#000000" size="2">本站导航菜单</font></p></td></tr></table>
<table cellpadding="3" cellspacing="0" class="BorderOff"
onMouseover="boxOn(this,'')" onMouseout="boxOff(this)"
width="118">
<tr>
<td> <a class="mBlue" href="../index.html" target="_blank">
<font color="000000"size="2" face="宋体">工作室首页</font></a></td>
</tr></table>
<table cellpadding="3" cellspacing="0" class="BorderOff"
onMouseover="boxOn(this,'')" onMouseout="boxOff(this)"
width="117" height="23">
<tr>
<td> <a class="mBlue" href="../lxgzs.htm" target="_blank">
<font color="000000"size="2" face="宋体">联系本工作室</font></a></td>
</tr></table>
<table cellpadding="3" cellspacing="0" class="BorderOff"
onMouseover="boxOn(this,'')" onMouseout="boxOff(this)"
width="118">
<tr>
<td> <a class="mBlue" href="../fwxm/index.htm"
target="_blank"> <font color="000000"size="2"
face="宋体">工作室服务</font></a></td>
</tr></table>
<table cellpadding="3" cellspacing="0" class="BorderOff"
onMouseover="boxOn(this,'')" onMouseout="boxOff(this)"
width="117">
<tr>
<td> <a class="mBlue" href="../xajh.htm" target="_blank">
<font color="000000"size="2" face="宋体">南北江湖社?lt;/font></a></td>
</tr></table>
<table cellpadding="3" cellspacing="0" class="BorderOff"
onMouseover="boxOn(this,'')" onMouseout="boxOff(this)"
width="118">
<tr>
<td> <a class="mBlue" href="index.htm" target="_blank">
<font color="000000"size="2" face="宋体">网站建站特效</font></a></td>
</tr></table>
<table cellpadding="0" cellspacing="1"
width="114" border="1" bgcolor="#CCCCCC" bordercolor="#CCCCCC">
<tr><td>
<table cellpadding="3" cellspacing="0" bgcolor="#FFCCFF"
width="116" height="100">
<tr>
<td align="left" valign="top" height="87">
<font id="Message" size="2" color="#FF0000">移动鼠标至上面的选项来查看导航菜单的详细说明。</font>
</td>
</tr>
</table>
</td></tr></table></td></tr></table>
在这个菜单中的网站个数不受限制,你自己可以任意增加减少.在此希望你可以给本站做链接,谢谢！！！