这里有新鲜出炉的jQuery示例,程序狗速度看过来!
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。
这篇文章主要介绍了jQuery复合事件用法,结合具体实例形式分析了jQuery复合事件的简单定义与使用方法,需要的朋友可以参考下
本文实例讲述了jQuery复合事件用法。分享给大家供大家参考,具体如下:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>复合事件</title>
- <style type="text/CSS" >
- a{
- color:#000;
- text-decoration:none;
- }
- ul{
- list-style:none;
- }
- ul li{
- width:140px;
- }
- #menu_1{
- border:1px dotted #666;
- border-top:none;
- padding:0px 5px 5px 5px;
- }
- #menu_1 li{
- margin: 5px 0px;
- }
- li.fli{
- display:block;
- float:left;
- padding:0px 10px;
- }
- </style>
- <script src="js/jquery-1.8.3.js" type="text/javascript"></script>
- <script language="JavaScript">
- $(document).ready(function () {
- $("#myaccound").hover(
- function () {
- $("#menu_1").css("display","block");
- },
- function () {
- $("#menu_1").css("display","none");
- });
- });
- </script>
- </head>
- <body>
- <div id="nav">
- <ul>
- <li class="fli"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >我的订单</a></li>
- <li class="fli" id="myaccound">
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >我的宜美惠▼</a>
- <ul id="menu_1" style="display:none;">
- <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >我的优惠券</a></li>
- <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >收藏夹</a></li>
- <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >短信息</a></li>
- </ul>
- </li>
- <li class="fli"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >我网站导航▼</a></li>
- </ul>
- </div>
- </body>
- </html>
运行效果图如下:
PS:这里再附上javascript常见事件与功能说明的在线对照表供大家参考:
希望本文所述对大家jQuery程序设计有所帮助。
来源: http://www.phperz.com/article/17/0831/338765.html