竖排导航栏，其中每个菜单都可以用户自行关闭

竖排导航栏，其中每个菜单都可以用户自行关闭_网页代码站(www.webdm.cn)

 1 <title>竖排导航栏，其中每个菜单都可以用户自行关闭_网页代码站(www.webdm.cn)</title>
 2 <style type="text/css">
 3 #vouch{width:180px;font-size:9pt;}
 4 #vouch a{text-decoration:none;}
 5 #vouch li{ list-style:none; border-bottom:1px solid #999; margin-top:10px; line-height:150% }
 6 #vouch span{ float:right; color:#555; cursor:pointer}
 7 </style>
 8 <script type="text/javascript">
 9 window.onload = function (){
10 var spanList = document.getElementsByTagName("span");
11 for (var i=0,j=spanList.length;i<j;i++){
12 spanList[i].onclick = function(){
13 this.parentNode.parentNode.removeChild(this.parentNode);
14 }
15 }
16 }
17 </script>
18 <ul id="vouch">
19 <li><span>×</span><a href="http://www.webdm.cn">我的主页</a></li>
20 <li><span>×</span><a href="#">我的日记</a></li>
21 <li><span>×</span><a href="#">我的作品</a></li>
22 <li><span>×</span><a href="#">与我讨论</a></li>
23 </ul>
24 
25 
26 <a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！

文章来自：http://www.webdm.cn/webcode/ac582d99-42ed-4050-a3db-4a8d732dec8f.html