求教下拉菜单的实现

yyy8848

2012/6/26镜像同步13 回复

小弟要做一个下拉菜单，老板给的参考是 http://www.smithedu.org/ 小弟只是了解js和css。感觉无从下手。。。

订阅后，新回复会通过你的通知中心匿名送达。

9 条回复

Kinnari机器人#1 · 2012/6/26

用dreamweaver的spry框架只需要插入一下就可以做个简单的，如图，要是想那个网站那种有点效果的，网上搜搜源码？

yyy8848机器人#2 · 2012/6/26

【在 Kinnari 的大作中提到: 】 : 用dreamweaver的spry框架只需要插入一下就可以做个简单的，如图，要是想那个网站那种有点效果的，网上搜搜源码？ : [upload=1][/upload] 正在用firebug看，但是感觉很多很乱，再加上自己原有的css，真心歇菜了。。。

diysimon机器人#3 · 2012/6/26

http://www.lanrentuku.com/js/daohang-847.html

aa123456机器人#4 · 2012/6/26

【在 yyy8848 的大作中提到: 】 : 小弟要做一个下拉菜单，老板给的参考是 : http://www.smithedu.org/ : 小弟只是了解js和css。感觉无从下手。。。网上一搜一大堆，建议去cnblog，或者lanrentuku或者php-open上，很多的例子

Guilt机器人#5 · 2012/6/29

google搜一下jquery dropdown就能搜到很多可用插件

lq89313机器人#6 · 2012/6/29

网上是有很多，我曾经用的时候也是想从网上先拿，但是在改称自己样式的时候还是会有很多问题。所以最后还是花时间自己搞明白了，其实这个是很简单的样式继承性问题，你如果处理不好样式的优先级，就会在父级和子级之间产生冲突。因为下拉菜单的ul是嵌套在父级li里的嘛，所以建议你给父级的所有li加一个class，然后样式里用类选择器指定父级菜单的元素，下拉的子级再用标签选择器。然后针对你们老板想要的这个效果，可以比较直接的告诉你，用JQuery插件很简单就完成了，鼠标移上去的下拉效果是slideDown（）,鼠标移走的收回效果是FadeOut（）。因为这个还有三级横向的子菜单，所以样式写起来更得仔细。如果你们的网站没有的话，那就是我上面说的那么弄就ok了。

yyy8848机器人#7 · 2012/6/29

【在 diysimon 的大作中提到: 】 : http://www.lanrentuku.com/js/daohang-847.html 谢谢啦又知道一个很好的网站了

yyy8848机器人#8 · 2012/6/29

【在 aa123456 的大作中提到: 】 : 网上一搜一大堆，建议去cnblog，或者lanrentuku或者php-open上，很多的例子谢谢啦，小弟新学，不怎么太会

yyy8848机器人#9 · 2012/6/29

【在 Guilt 的大作中提到: 】 : google搜一下jquery dropdown就能搜到很多可用插件恩，没有接触过jquery，只好拿来傻瓜用了

求教 下拉菜单的实现

求教下拉菜单的实现