php使用preg_match()函数验证ip地址的方法
619
2024-01-10
本文实例讲述了jQuery实现的导航下拉菜单效果。分享给大家供大家参考,具体如下:
1.效果如图所示:
2.html代码:
<div id="navigation"> <ul> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">首 页</a></li> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">衬 衫</a> <ul> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">短袖衬衫</a></li> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">长袖衬衫</a></li> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">无袖衬衫</a></li> </ul> </li> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">卫 衣</a> <ul> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">开襟卫衣</a></li> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">套头卫衣</a></li> </ul> </li> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">裤 子</a> <ul> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">休闲裤</a></li> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">卡其裤</a></li> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">牛仔裤</a></li> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">短裤</a></li> </ul> </li> <li><a href="http://www.gimoo.net/t/1901/5c4e6b095d968.html">联系我们</a></li> </ul> </div>
3.jQuery代码:
//导航效果(兼容IE6) /* 1.使用$("#navigation ul li:has(ul)")函数来选择含有<ul>元素的<li>元素,然后为它们添加hover事件, 2.在hover事件的第一个函数内,使用$(this).children("ul")找到<li>元素内部的<ul>元素,然后用stop(true,true)语句使导航向下扩展 3.在hover事件的第二个函数内,用stop(true,true).slideUp("fast")语句使导航向上隐藏 4.在两个动画效果之前都添加了stop(true,true)方法,这样做的好处是能把为执行完的动画队列清空,并且将正在执行的动画跳转到末状态 */ $(function(){ $("#navigation ul li:has(ul)").hover(function(){ $(this).children("ul").stop(true,true).slideDown(400); },function(){ $(this).children("ul").stop(true,true).slideUp("fast"); }); })
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
#免责声明#
本站[绿夏技术导航]提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序或内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件[admin@lxwl520.com]与我们联系进行删除处理。敬请谅解!