不是用hover(),而是用mouseleave(),才能讓鼠標移動到下拉菜單中,而下拉菜單不會消失
創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務,包含不限于成都網(wǎng)站設計、做網(wǎng)站、都勻網(wǎng)絡推廣、小程序開發(fā)、都勻網(wǎng)絡營銷、都勻企業(yè)策劃、都勻品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供都勻建站搭建服務,24小時服務熱線:028-86922220,官方網(wǎng)址:www.cdcxhl.com
你應該把"進入離開button"觸發(fā)事件 改成 "進入離開div(button的父節(jié)點)"觸發(fā)事件
你的提問就是答案。鼠標移出DIV1,觸發(fā)事件,事件中可以做一個延時(延時的方法很多,比如計時器,比如倒計時,比如一個指定事件的動畫效果等),延時結(jié)束時隱藏DIV2即可。其實不用這么復雜,你只需要對DIV1做hover事件處理即可,鼠標移入時對DIV2做一個slideDonw動畫,鼠標移出時對DIV2做一個slideUp動畫,調(diào)整一下動畫速度即可?;蛘哂胊nimate也行,看你喜好了。
$("li p").mouseover(function () {
li p 改成一整塊div 里面包含下拉元素和控制顯示隱藏的元素
div?class="parent"
lia區(qū)域/li
div?class="bb"bbbbb區(qū)域/div
/div
style
.bb{display:none;}
/style
script
//引入jquery.js后
$(function(){
$(".parent").hover(
function(){
$(".bb").show();
},
functin(){
$(".bb").hide();
}
);
})
/script
可以用jquery的鼠標懸停事件 mouseover,即鼠標停留在某個dom元素觸發(fā),在這個事件里面,動態(tài)改變菜單的css就好了;對應的mouseout是鼠標移開事件