174、带边框的菜单

174、带边框的菜单

脚本说明:

把如下代码加入<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.7stk.com/"> </a></font></td></tr>

</table>

 

Write a comment

Comments: 0