编程 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技术实现的web小游戏（不含网游）

Jun 12 Javascript

$.format,jquery.format 使用说明

Jul 13 Javascript

基于javascript实现判断移动终端浏览器版本信息

Dec 09 Javascript

text-align:justify实现文本两端对齐兼容IE

Aug 19 Javascript

详解JavaScript语言的基本语法要求

Nov 20 Javascript

JavaScript判断微信浏览器实例代码

Jun 13 Javascript

javascript数组去重方法分析

Dec 15 Javascript

vue如何引入sass全局变量

Jun 28 Javascript

微信开发之微信jssdk录音功能开发示例

Oct 22 Javascript

jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】

Dec 29 jQuery

vue cli3.0 引入eslint 结合vscode使用

May 27 Javascript

JS Object构造函数之Object.freeze

Apr 28 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

You might like

PHP中删除变量时unset()和null的区别分析

2011/01/27 PHP

详解PHP匿名函数与注意事项

2016/03/29 PHP

yii2 页面底部加载css和js的技巧

2016/04/21 PHP

thinkphp5 migrate数据库迁移工具

2018/02/20 PHP

基于jquery的给文章加入关键字链接

2010/10/26 Javascript

ajax更新数据后，jquery、jq失效问题

2011/03/16 Javascript

javascript实现五星评分功能

2015/11/10 Javascript

BootStrap Tooltip插件源码解析

2016/12/27 Javascript

使用Node.js搭建静态资源服务详细教程

2017/08/02 Javascript

基于vue.js快速搭建图书管理平台

2017/10/29 Javascript

vue中实现methods一个方法调用另外一个方法

2018/02/08 Javascript

element-ui 中的table的列隐藏问题解决

2018/08/24 Javascript

JS使用Dijkstra算法求解最短路径

2019/01/17 Javascript

javascript实现拖拽碰撞检测

2020/03/12 Javascript

[02:43]中国五虎出征TI3视频

2013/08/02 DOTA

[59:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第二局

2016/03/04 DOTA

Python编程pygame模块实现移动的小车示例代码

2018/01/03 Python

python+opencv+caffe+摄像头做目标检测的实例代码

2018/08/03 Python

详解Python 装饰器执行顺序迷思

2018/08/08 Python

详解pandas数据合并与重塑（pd.concat篇）

2019/07/09 Python

Pandas0.25来了千万别错过这10大好用的新功能

2019/08/07 Python

python3.6中@property装饰器的使用方法示例

2019/08/17 Python

Python生成器常见问题及解决方案

2020/03/21 Python

DjangoWeb使用Datatable进行后端分页的实现

2020/05/18 Python

Python实现疫情通定时自动填写功能(附代码)

2020/05/27 Python

PyQt中使用QtSql连接MySql数据库的方法

2020/07/28 Python

25个CSS3动画按钮和菜单教程分享

2012/10/03 HTML / CSS

牦牛毛户外探险服装：Kora

2019/02/08 全球购物

如何打印出当前源文件的文件名以及源文件的当前行号

2015/04/05 面试题

科室工作的个人自我评价

2013/10/30 职场文书

成功经营餐厅的创业计划书范文

2013/12/26 职场文书

医学专业本科毕业生自我鉴定

2013/12/28 职场文书

银行职员工作失误检讨书

2014/10/14 职场文书

2014年残疾人工作总结

2014/12/06 职场文书

浅谈Python数学建模之固定费用问题

2021/06/23 Python

PHP RabbitMQ消息列队

2022/05/11 PHP