不是用hover(),而是用mouseleave(),才能讓鼠標(biāo)移動到下拉菜單中,而下拉菜單不會消失
創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、都勻網(wǎng)絡(luò)推廣、小程序開發(fā)、都勻網(wǎng)絡(luò)營銷、都勻企業(yè)策劃、都勻品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供都勻建站搭建服務(wù),24小時服務(wù)熱線:028-86922220,官方網(wǎng)址:m.rwnh.cn
你應(yīng)該把"進(jìn)入離開button"觸發(fā)事件 改成 "進(jìn)入離開div(button的父節(jié)點(diǎn))"觸發(fā)事件
你的提問就是答案。鼠標(biāo)移出DIV1,觸發(fā)事件,事件中可以做一個延時(延時的方法很多,比如計(jì)時器,比如倒計(jì)時,比如一個指定事件的動畫效果等),延時結(jié)束時隱藏DIV2即可。其實(shí)不用這么復(fù)雜,你只需要對DIV1做hover事件處理即可,鼠標(biāo)移入時對DIV2做一個slideDonw動畫,鼠標(biāo)移出時對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的鼠標(biāo)懸停事件 mouseover,即鼠標(biāo)停留在某個dom元素觸發(fā),在這個事件里面,動態(tài)改變菜單的css就好了;對應(yīng)的mouseout是鼠標(biāo)移開事件
分享標(biāo)題:jquery鼠標(biāo)菜單,jquery 右鍵菜單
文章轉(zhuǎn)載:http://m.rwnh.cn/article30/dscoeso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司、電子商務(wù)、服務(wù)器托管、網(wǎng)站排名、建站公司、全網(wǎng)營銷推廣
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)