编程 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 相关文章推荐

js动态切换图片的方法

Jan 20 Javascript

javascript中AJAX用法实例分析

Jan 30 Javascript

jQuery内容过滤选择器用法分析

Feb 10 Javascript

jQuery Mobile 触摸事件实例

Jun 04 Javascript

一种基于浏览器的自动小票机打印实现方案(js版)

Jul 26 Javascript

AngularJS入门教程之Select(选择框)详解

Jul 27 Javascript

判断js的Array和Object的实现方法

Aug 29 Javascript

JavaScript通过改变文字透明度实现的文字闪烁效果实例

Apr 27 Javascript

浅谈gulp创建完整的项目流程

Dec 20 Javascript

基于Vue2x的图片预览插件的示例代码

May 14 Javascript

vue实现div拖拽互换位置

Jul 29 Javascript

JavaScript数组去重的几种方法

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

自动跳转中英文页面

2006/10/09 PHP

PHP中冒号、endif、endwhile、endfor使用介绍

2010/04/28 PHP

PHP Global定义全局变量使用说明

2013/08/15 PHP

php读取mysql的简单实例

2014/01/15 PHP

使用swoole 定时器变更超时未支付订单状态的解决方案

2019/07/24 PHP

CCPry JS类库代码

2009/10/30 Javascript

JQuery通过Ajax提交表单并返回结果

2011/07/31 Javascript

整理8个很棒的 jQuery 倒计时插件和教程

2011/12/12 Javascript

jquery组件使用中遇到的问题整理及解决

2014/02/21 Javascript

Angularjs+bootstrap+table多选（全选）支持单击行选中实现编辑、删除功能

2017/03/27 Javascript

基于JS实现移动端左滑删除功能

2017/07/28 Javascript

JavaScript上传文件时不用刷新页面方法总结（推荐）

2017/08/15 Javascript

vue的一个分页组件的示例代码

2017/12/25 Javascript

你可能不知道的前端算法之文字避让（inMap）

2018/01/12 Javascript

Vue的事件响应式进度条组件实例详解

2018/02/04 Javascript

Vue 仿QQ左滑删除组件功能

2018/03/12 Javascript

微信小程序3种位置API的使用方法详解

2019/08/05 Javascript

Element MessageBox弹框的具体使用

2020/07/27 Javascript

Python def函数的定义、使用及参数传递实现代码

2014/08/10 Python

Python实现二分法算法实例

2015/02/02 Python

Python获取任意xml节点值的方法

2015/05/05 Python

PyQt5每天必学之日历控件QCalendarWidget

2018/04/19 Python

详解windows python3.7安装numpy问题的解决方法

2018/08/13 Python

Python实现E-Mail收集插件实例教程

2019/02/06 Python

python tools实现视频的每一帧提取并保存

2020/03/20 Python

Python 画出来六维图

2019/07/26 Python

python 实现一个反向单位矩阵示例

2019/11/29 Python

Python virtualenv虚拟环境实现过程解析

2020/04/18 Python

通过代码实例了解Python3编程技巧

2020/10/13 Python

Groupon荷兰官方网站：高达70％的折扣

2019/11/01 全球购物

Pottery Barn阿联酋：购买家具、家居装饰及更多

2019/12/08 全球购物

老兵退伍标语

2014/10/07 职场文书

给女朋友道歉的话大全

2015/01/20 职场文书

爱心募捐感谢信

2015/01/22 职场文书

离婚被告答辩状

2015/05/22 职场文书

实验心得体会范文

2016/01/25 职场文书