读书人

jquery做一个菜单

发布时间: 2012-04-05 12:42:40 作者: rapoo

jquery做一个菜单 - Web 开发 / Ajax
当鼠标经过的li要slideDown(打开),其他则要slideUp(关闭),怎么实现?
思路是怎么样呢?如果是先把全部关闭,再显示鼠标经过的li,这样的话不行啊,弄了一天了,郁闷ing,请高手指教
这里还有个问题:如果用each的话怎么判断循环到的对象就是鼠标经过的li呢?

[解决办法]
给每个li一个class
#(".class_name").hide()
#("#li_id").show()
就可以了


[解决办法]
我都是用现成的东西,这个自己写不太会
[解决办法]

CSS code
用jQuery的选择器找到li,$("li")如果给他添加slideUp;$("li").slideUp();所有的li都会被隐藏,所以没有触发事件的对象了。所以这里你可以在将li隐藏,然后鼠标放在ul上就显示所有的li$("ul").mouseover(function () {     $(this).find("li").slideDown();});$("ul").mouseout(function () {     $(this).find("li").slideUp();});如果用each的话怎么判断循环到的对象就是鼠标经过的li呢?$("ul").mouseover(function () {     var el = this;//鼠标当前对象     $("ul li").each(function (current){//所有li对象            if (el == current) {                alert("找到了,就是你");            }     });});大致是思路和方法都说了,下面就是你自己把过程实现下。
[解决办法]
当鼠标放上去的时候 mouseover事件
然后显示一下。隐藏别的
[解决办法]
$('li').each(function(){
$(this).hover(function(){
$(this).show().siblings().hide() ; //移到哪个li哪个显示,其它所有隐藏
},function(){
$(this).hide();
});

})
[解决办法]
不错!
[解决办法]
好东西

读书人网 >Ajax

热点推荐