编程 Javascript

JS模拟的QQ面板上的多级可展开的菜单

Posted in Javascript onOctober 10, 2009

<title>QQ菜单</title>
<style> body { font-family: verdana, helvetica, arial, sans-serif; } #mainMenu { background-color: #EEE; border: 1px solid #CCC; color: #000; width: 203px; } #menuList { margin: 0px; padding: 10px 0px 10px 15px; } li.menubar { background: url() no-repeat 0em 0.3em; font-size: 12px; line-height: 1.5em; list-style: none outside; } .menu, .submenu { display: none; margin-left: 15px; padding: 0px; } .menu li, .submenu li { background: url() no-repeat 0em 0.3em; list-style: none outside; } a.actuator { background-color: transparent; color: #000; font-size: 12px; padding-left: 15px; text-decoration: none; } a.actuator:hover { text-decoration: underline; } .menu li a, .submenu li a { background-color: transparent; color: #000; font-size: 12px; padding-left: 15px; text-decoration: none; } .menu li a:hover, submenu li a:hover { text-decoration: underline; } span.key { text-decoration: underline; } </style>
<div> <ul>
<li> 我有朋友圈 <ul>
<li> 我的好友 <ul>
<li>张三[10000001]</li> <li>李四[10000002]</li> <li>李四[10000002]</li> </ul>
</li> <li> 陌生人 <ul>
<li>张三[10000001]</li> <li>李四[10000002]</li> </ul>
</li> </ul>
</li> </ul>
</div>

JS模拟的QQ面板上的多级可展开的菜单

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 程序编码规范

Nov 23 Javascript

js获取窗口相对于屏幕左边和上边的位置坐标

May 15 Javascript

JS实现网页每隔3秒弹出一次对话框的方法

Nov 09 Javascript

JS脚本实现动态给标签控件添加事件的方法

Jun 02 Javascript

Angular 路由route实例代码

Jul 12 Javascript

JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴

Oct 28 Javascript

详谈jQuery中使用attr(), prop(), val()获取value的异同

Apr 25 jQuery

浅谈Angular2 ng-content 指令在组件中嵌入内容

Aug 18 Javascript

JS实现十字坐标跟随鼠标效果

Dec 25 Javascript

webpack将js打包后的map文件详解

Feb 22 Javascript

angularJs中json数据转换与本地存储的实例

Oct 08 Javascript

js前端传json后台接收‘‘被转为quot的问题解决

Nov 12 Javascript

js css样式操作代码（批量操作）

Oct 09 #Javascript

防止动态加载JavaScript引起的内存泄漏问题

Oct 08 #Javascript

JavaScript delete 属性的使用

Oct 08 #Javascript

有效的捕获JavaScript焦点的方法小结

Oct 08 #Javascript

Javascript isArray 数组类型检测函数

Oct 08 #Javascript

JavaScript 监听textarea中按键事件

Oct 08 #Javascript

jquery 最简单的属性菜单

Oct 08 #Javascript