从品牌网站建设到网络营销策划,从策略到执行的一站式服务
不是用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是鼠标移开事件
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图