当前位置:Gxlcms > html代码 > DIV+CSS+JS树形菜单,可以刷新不改变菜单_html/css_WEB-ITnose

DIV+CSS+JS树形菜单,可以刷新不改变菜单_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:20人阅读


< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< title > Div+CSS+JS树型菜单,可刷新
< meta name ="description" content ="http://www.NETAny.net" >
< style type ="text/css" > ...


#PARENT{...}{
width:300px;
padding-left:20px;
}



< body >
< div id ="PARENT" >
< ul id ="nav" >
< li >< a href ="#Menu=ChildMenu1" onclick ="DoMenu('ChildMenu1')" > 我的网站
< ul id ="ChildMenu1" class ="collapsed" >
< li >< a href ="http://www.netany.net" target ="_blank" > www.netany.net
< li >< a href ="http://www.netany.net" target ="_blank" > www.netany.net
< li >< a href ="http://www.netany.net" target ="_blank" > www.netany.net


< li >< a href ="#Menu=ChildMenu2" onclick ="DoMenu('ChildMenu2')" > 我的帐务
< ul id ="ChildMenu2" class ="collapsed" >
< a href ="http://www.netany.net" target ="_blank" > 支付
< li >< a href ="#" > 网上支付
< li >< a href ="#" > 登记汇款
< li >< a href ="#" > 在线招领
< li >< a href ="#" > 历史帐务


< li >< a href ="#Menu=ChildMenu3" onclick ="DoMenu('ChildMenu3')" > 网站管理
< ul id ="ChildMenu3" class ="collapsed" >
< li >< a href ="#" > 登录
< a href ="http://www.netany.net" target ="_blank" > 管理
< li >< a href ="#" > 管理
< li >< a href ="#" > 管理


< li >< a href ="#Menu=ChildMenu4" onclick ="DoMenu('ChildMenu4')" > 网站管理
< ul id ="ChildMenu4" class ="collapsed" >
< li >< a href ="#" > 登录
< a href ="http://www.netany.net" target ="_blank" > 管理
< li >< a href ="#" > 管理
< li >< a href ="#" > 管理





< div style ="width:300;padding-left:30px;" >

工作需要搞了一个菜单,分享给大家,大家一齐学习

< p > 请大家支持: < a href ="http://www.netany.net" target ="_blank" > http://www.netany.net



< script type =text/javascript > ...

http://www.corange.cn/archives/2008/03/546.html

人气教程排行