首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
一个qq菜单效果
所属分类：
网络编程
/
JavaScript
阅读数： 1532
收藏 0
赞 0
分享
这么一个简单的效果就花了偶两个多小时，失败。。。看来还是写的太少，眼高手低！！以后还要多动手写，不能只知道实现方法就pass了废话少说，代码如下(这个可是结构，样式，行为相分离哦)：
<!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> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <body> <ul id="menu"> <li id="m1">菜单1</li> <li id="m1_sub"> <ul> <li>11111111111</li> <li>11111111111</li> </ul> </li> <li id="m2">菜单2</li> <li id="m2_sub"> <ul> <li>22222222222</li> <li>22222222222</li> </ul> </li> <li id="m3">菜单3</li> <li id="m3_sub"> <ul> <li>33333333333</li> <li>33333333333</li> </ul> </li> <li id="m4">菜单4</li> <li id="m4_sub"> <ul> <li>44444444444</li> <li>44444444444</li> </ul> </li> </ul> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
纯javascript判断查询日期是否为有效日期
很多网站都涉及到输入日期选项，如果客户日期输入错误，可能导入查询不到甚至查询到错误的信息，为了更好的满足用户需求，需要对日期进行校验，下面给大家介绍使用纯javascript如何判断查询日期是否为有效日期，需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
jquery实现的蓝色二级导航条效果代码
这篇文章主要介绍了jquery实现的蓝色二级导航条效果代码,涉及jquery鼠标事件及页面样式的动态切换效果实现技巧,非常简单实用,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
ajax如何实现页面局部跳转与结果返回
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新，本篇文章给大家介绍ajax如何实现页面局部跳转与结果返
评论 0
收藏 0
赞 0
分享
jQuery实现的类似淘宝网站搜索框样式代码分享
这篇文章主要介绍了类似淘宝网站搜索框样式实现代码，推荐给大家，有需要的小伙伴可以参考下。
评论 0
收藏 0
赞 0
分享
js实现的黑背景灰色二级导航菜单效果代码
这篇文章主要介绍了js实现的黑背景灰色二级导航菜单效果代码,涉及javascript操作页面元素动态切换的实现技巧,非常具有实用价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
jQuery仿360导航页图标拖动排序效果代码分享
这篇文章主要为大家详细介绍了360导航页图标拖动排序效果代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
javascript中SetInterval与setTimeout的定时器用法
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等，本文文章通过代码示例给大家介绍javascript中SetInterval与setT
评论 0
收藏 0
赞 0
分享
jquery带下拉菜单和焦点图代码分享
这篇文章主要介绍了jquery带下拉菜单和焦点图代码，推荐给大家，有需要的小伙伴可以参考下。
评论 0
收藏 0
赞 0
分享
jQuery实现的背景动态变化导航菜单效果
这篇文章主要介绍了jQuery实现的背景动态变化导航菜单效果,涉及jquery页面元素背景动态变换的实现技巧,非常具有实用价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
jquery+CSS实现的水平布局多级网页菜单效果
这篇文章主要介绍了jquery+CSS实现的水平布局多级网页菜单效果,涉及jquery页面元素属性动态变换效果实现技巧,非常具有实用价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
屌丝伪装高富帅 用女友朋友圈低价卖iPhone 6 卷走180万
网上怎么赚钱 网络赚钱需要注意哪些东西
sp项目教程：最新日赚500元教程
主观臆断,百度联盟审核的条件
浅谈一下个人站长领域的灰色地带有多么的暴利
Google AdSense 电汇教程 谷歌联盟国内电汇收款教程（招行）
站长故事
更多
30岁seo老鸟走过的路：从无知到精通需要时间和精力
分享我经营网站的方法心得,希望大家能学到知识
一成不变的站长到底还能活多久？
探讨：为什么个人站长越来越不愿做seo独立博客
暴走漫画运营经理 这就是高级运营与初级运营的区别
网站SEO反面案例 7万RMB建设的企业网站哪里出了问题?
