Jquery效果,想让鼠标离开图片后,右边的那个说明消失
多个图片,后面都跟着一个介绍的框框,鼠标指上去它会显示,但我鼠标离开图片,我希望它隐藏。应该怎么弄。谢谢大神指点下。http://pan.baidu.com/s/1kT7...
多个图片,后面都跟着一个介绍的框框,鼠标指上去它会显示,但我鼠标离开图片,我希望它隐藏。应该怎么弄。谢谢大神指点下。
http://pan.baidu.com/s/1kT7uIA7
鼠标进入LI,会弹出.desc,只要没离开.desc的范围,.desc就不消失。我想让鼠标离开图片的范围之后,.desc消失。 展开
http://pan.baidu.com/s/1kT7uIA7
鼠标进入LI,会弹出.desc,只要没离开.desc的范围,.desc就不消失。我想让鼠标离开图片的范围之后,.desc消失。 展开
展开全部
现在的效果不就是,移动上显示,移除隐藏吗
改成这样,采纳哦
$(document).ready(function(){
$(".ctn2_pic_list .desc").hide();
$(".ctn2_pic_list img").hover(function(){
$(this).parent().parent().find(".desc").show();
},function(){
$(this).parent().parent().find(".desc").hide();
});
});
展开全部
使用jq自带的hover方法,特别好用,比如假设图片是装在li里头,包括div描述是.des,那么就按照下面的来
$("ul.img li").hover(function(){//移入函数,描述显示
$(this).find("div.des").show();//查找到描述显示
}, function(){//移开函数,描述消失
$(this).find("div.des").hide();
})
这样就可以了,具体结合案例调整
$("ul.img li").hover(function(){//移入函数,描述显示
$(this).find("div.des").show();//查找到描述显示
}, function(){//移开函数,描述消失
$(this).find("div.des").hide();
})
这样就可以了,具体结合案例调整
追问
我就是这样写的,但是鼠标移到一个LI上,弹出.desc,但是鼠标离开LI,只要没离开.desc,.desc就不消失。我想让鼠标离开图片的范围之后,.desc消失。
追答
不可能出错啊,刚去下载你的案例就是移入图片显示移开消失啊,
你要实现的效果不会是:不让鼠标移入介绍块.desc吧!!!如果是这样,你就把这个块放到li外面,,也就是在重新写个ul专门放置desc介绍块,,几个li.img对应几个li.desc,,然后通过移入li得到索引,对应的desc索引显示,移开消失就好了
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2015-08-11
展开全部
用mouseover和mouseout事件吧
追问
试过了,也不行喔。鼠标移到一个LI上,弹出.desc,但是鼠标离开LI,只要没离开.desc,.desc就不消失。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询