带边框的菜单

稿源：互联网 2022-04-07 12:47:52 点击： 1105 撤稿纠错

带边框的菜单，可自定义边框颜色。

以下讨论的是和菜单相关的带边框的菜单教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<style>
.menulines{
border:1px solid white;
}

.menulines a{
text-decoration:none;
color:black;
}
</style>
<script language="JavaScript1.2">

function borderize(what,color){
what.style.borderColor=color
}

function borderize_on(e){
if (document.all)
source3=event.srcElement
else if (document.getElementById)
source3=e.target
if (source3.className=="menulines"){
borderize(source3,"black")
}
else{
while(source3.tagName!="TABLE"){
source3=document.getElementById? source3.parentNode : source3.parentElement
if (source3.className=="menulines")
borderize(source3,"black")
}
}
}

function borderize_off(e){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
borderize(source4,"white")
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
borderize(source4,"white")
}
}
}

</script>
<table border="0" width="100" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)">

<tr><td width="100%" bgcolor="#E6E6E6"><font face="Arial" size="3"><b>菜单</b></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.hao123.com/man/club/sinabbs.htm">新浪论坛</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.hao123.com/man/club/263bbs.htm">263论坛</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.hao123.com/man/club/xilubbs.htm">西陆社区</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.hao123.com/man/club/sohubbs.htm">搜狐社区</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.yesky.com/">天 极 网</a></font></td></tr>
</table>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于带边框的菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719250.shtml方便下次再访问哦。

·上一篇： 链接边的文字说明
·下一篇： 隐藏菜单（一）

带边框的菜单

文章分类LIST >>返回首页

最新游戏

最新新闻