您的位置:首页 > 编程语言

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

2010-12-17 09:53 615 查看
<title>竖排导航栏,其中每个菜单都可以用户自行关闭_网页代码站(www.webdm.cn)</title>
<style type="text/css">
#vouch{width:180px;font-size:9pt;}
#vouch a{text-decoration:none;}
#vouch li{ list-style:none; border-bottom:1px solid #999; margin-top:10px; line-height:150% }
#vouch span{ float:right; color:#555; cursor:pointer}
</style>
<script type="text/javascript">
window.onload = function (){
var spanList = document.getElementsByTagName("span");
for (var i=0,j=spanList.length;i<j;i++){
spanList[i].onclick = function(){
this.parentNode.parentNode.removeChild(this.parentNode);
}
}
}
</script>
<ul id="vouch">
<li><span>×</span><a href="http://www.webdm.cn">我的主页</a></li>
<li><span>×</span><a href="#">我的日记</a></li>
<li><span>×</span><a href="#">我的作品</a></li>
<li><span>×</span><a href="#">与我讨论</a></li>
</ul>

<a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!


文章来自:http://www.webdm.cn/webcode/ac582d99-42ed-4050-a3db-4a8d732dec8f.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: