本文实例讲述了jQuery实现简单的下拉菜单导航功能。分享给大家供大家参考,具体如下:
先来看看运行效果:
具体代码如下:
www.jb51.net jQuery导航
#menu{width:300px;margin-left:auto;margin-right:auto;}.has_children{background:#555;color:#fff;cursor:pointer;}.highlight{color:#fff;background:green;}
div{padding:0;}
div a{background:#888;display:none;float:left;width:300px;}
第1章-认识jQuery
1.1-Javascript和Javascript库
1.2-加入jQuery
1.3-编写简单jQuery代码
1.4-jQuery对象和DOM对象
1.5-解决jQuery和其它库的冲突
1.6-jQuery开发工具和插件
1.7-小结
第2章-jQuery选择器
2.1-jQuery选择器是什么
2.2-jQuery选择器的优势
2.3-jQuery选择器
2.4-应用jQuery改写示例
2.5-选择器中的一些注意事项
2.6-案例研究——类似淘宝网品牌列表的效果
2.7-还有其它选择器么?
2.8-小结
第3章-jQuery中的DOM操作
3.1-DOM操作的分类
3.2-jQuery中的DOM操作
3.3-案例研究——某网站超链接和图片提示效果
3.4-小结
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。



