竖排导航栏,其中每个菜单都可以用户自行关闭_网页代码站(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
相关文章推荐
- 【强烈推荐】来自中国站长站的导航菜单代码_网页代码站(www.webdm.cn)
- QuickMenu 超强悍菜单_网页代码站(www.webdm.cn)
- 去一家公司面试时候即兴用CSS实现横向二级菜单_网页代码站(www.webdm.cn)
- 一款溢出式侧边栏导航菜单_网页代码站(www.webdm.cn)
- 用JavaScript实现横向滑出的多级竖向菜单_网页代码站(www.webdm.cn)
- 来自新浪博客左侧的Blog管理菜单_网页代码站(www.webdm.cn)
- 有颜色标记的Css导航菜单_网页代码站(www.webdm.cn)<
- 拍拍网头部导航菜单_网页代码站(www.webdm.cn)
- 横向滑动特效的菜单(js+css)_网页代码站(www.webdm.cn)
- JS仿Windows的右键菜单_网页代码站(www.webdm.cn)
- 横向三级展开的CSS垂直菜单_网页代码站(www.webdm.cn)
- 简单的一个CSS菜单,不用图片也很好看_网页代码站(www.webdm.cn)
- 鼠标指向后向上展开的多级CSS菜单代码_网页代码站(www.webdm.cn)
- 竖向简洁的折叠菜单_网页代码站(www.webdm.cn)
- 采用CSS+JS实现简洁的滑动导航栏_网页代码站(www.webdm.cn)
- 一款选项卡式的导航菜单_网页代码站(www.webdm.cn)
- 鼠标指向出现英文提示的CSS导航菜单网页代码站(www.webdm.cn)
- 收缩展开的竖直菜单(利用JS+CSS实现_网页代码站(www.webdm.cn)
- 横线从中间穿过的CSS菜单_网页代码站(www.webdm.cn)
- 使用JavaScript控制圆弧背景的导航菜单_网页代码站(www.webdm.cn)