仿CSDN树形菜单
版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://sgbole.blog.51cto.com/299657/57532 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> <!-- a:link {color: #fff;}
a:visited {color: #fff;} a:hover{background-color: #9c0;} a:active {color: #fff;} a.folder{ background:url(images/folder.gif) no-repeat ; padding-left:20px; /*ͼ*/ } a.folderopen{ background:url(images/folderopen.gif) no-repeat ; padding-left:20px; } a{ text-decoration:none; background:url(images/page.gif) no-repeat; padding-left:15px; padding-bottom:2px; } /* »,Ϊunderline */ ul { list-style-type: none; margin:2px 10px 0px 2px; padding:4px; /*ļм*/ } li {
text-indent: 20px; background:url(images/L.gif) no-repeat; } .pageStype { font-size: 14px; line-height:1.5; color: #FFFFFF; } body { background-color: #63A7DE; } --> </style> </head> <body class="pageStype"> <!-- лʾ--> <script language="javascript" type="text/javascript"> function switchItem(id) { var node = document.getElementById(id); if(node.style.display=='') { window.event.srcElement.className="folder"; node.style.display='none'; }
else { window.event.srcElement.className="folderopen"; node.style.display=''; } }
</script> <span class="pageStype"><img src="images/root.jpg" width="16" height="16"/>ע</span> <ul><a href="#" class="folder">NET技术</a> <div id='1'> <li><a href="b.htm" target="frmright">C++.NET</a></li> <li><a href="#">VB.NET</a></li> <li><a href="#">C#.NET</a></li> <li><a href="#">J#.NET</a></li> <li><a href="#">NET前沿</a></li> <li><a href="#">NET认证</a></li> </div> </ul> <ul><a href="#" class="folder">WEB开发</a>
<div id='2'> <li><a href="#">ASP.NET</a></li> <li><a href="#">JSP</a></li> <li><a href="#">PHP</a></li> </div>
</ul> <ul><a href="#" class="folder">城市</a>
<div id='3'> <li>南京</li> <li>上海</li> <li>北京</li> <li>苏州</li> <li>温州</li> <li>哈尔兵</li> <li>新疆</li> <li>北极</li> <li>南极</li> </div> </ul> <ul><a href="#" class="folder">JAVA技术</a>
<div id='4'> <li>JESE</li> <li>J2ME</li> <li>J2EE</li> <li>架构设计</li> <li>TOMCAT</li> <li>WEBLogic</li> </div> </ul> <ul>
<a href="#" class="folder">非技术区</a> <div id='5'> <li>程序员薪水</li> <li>程序员</li> </div> </ul> <ul> <a href="#" class="folder">数据库</a> <div id='6'> <li>ORACLE</li> <li>SQLServer</li> <li>MYSQL</li> </div> </ul> <ul><a href="#" class="folder">我的地盘</a>
<div id='7'> <li>我的信息</li> <li>我的帖子</li> <li>我参与的帖子</li> </div> </ul> <!-- ˵--> <script language="javascript" type="text/javascript"> <!-- var divs = document.getElementsByTagName('div'); for(i=0;i<divs.length;i++) { divs[i].style.display='none'; } // --> </script> </body> </html> 本文出自 “刚刚的BLOG” 博客，请务必保留此出处http://sgbole.blog.51cto.com/299657/57532 本文出自 51CTO.COM技术博客 |
sgbole
博客统计信息
热门文章
最新评论
友情链接