可关闭的导航隐藏效果代码,JS代码库,德仔网

代码语言

代码分类

【JS】可关闭的导航隐藏效果

作者:Dezai.CN / 发布于2013/9/25/ 561


	<style type="text/css">
	#vouch{width:300px}
	#vouch a{text-decoration:none;}
	#vouch li{ list-style:none; border-bottom:1px solid #CCCCCC; margin-top:10px; line-height:150% }
	#vouch span{ float:right; color:#333; 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>&times;</span><a href="http://www.lanrentuku.com/blog/">my blog</a></li>
	<li><span>&times;</span><a href="http://www.lanrentuku.com/">my website</a></li>
	<li><span>&times;</span><a href="http://www.maitianquan.com">maitianquan</a></li>
	<li><span>&times;</span><a href="http://bbs.lanrentuku.com">bbs</a></li>
	</ul>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　导航隐藏效果　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)