重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
不是用hover(),而是用mouseleave(),才能让鼠标移动到下拉菜单中,而下拉菜单不会消失
创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、做网站、都匀网络推广、小程序开发、都匀网络营销、都匀企业策划、都匀品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供都匀建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com
你应该把"进入离开button"触发事件 改成 "进入离开div(button的父节点)"触发事件
你的提问就是答案。鼠标移出DIV1,触发事件,事件中可以做一个延时(延时的方法很多,比如计时器,比如倒计时,比如一个指定事件的动画效果等),延时结束时隐藏DIV2即可。其实不用这么复杂,你只需要对DIV1做hover事件处理即可,鼠标移入时对DIV2做一个slideDonw动画,鼠标移出时对DIV2做一个slideUp动画,调整一下动画速度即可。或者用animate也行,看你喜好了。
$("li p").mouseover(function () {
li p 改成一整块div 里面包含下拉元素和控制显示隐藏的元素
div class="parent"
lia区域/li
div class="bb"bbbbb区域/div
/div
style
.bb{display:none;}
/style
script
//引入jquery.js后
$(function(){
$(".parent").hover(
function(){
$(".bb").show();
},
functin(){
$(".bb").hide();
}
);
})
/script
可以用jquery的鼠标悬停事件 mouseover,即鼠标停留在某个dom元素触发,在这个事件里面,动态改变菜单的css就好了;对应的mouseout是鼠标移开事件