jquery下拉菜單求助

那是因為你離開的時候就馬上調用了$(".u_ddl").hide();當然會馬上消失了，開個定時器讓他延時消失就可以了

站在用戶的角度思考問題，與客戶深入溝通，找到杞縣網(wǎng)站設計與杞縣網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設計與互聯(lián)網(wǎng)技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站設計、成都網(wǎng)站設計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名注冊、網(wǎng)站空間、企業(yè)郵箱。業(yè)務覆蓋杞縣地區(qū)。

$(document).ready(function(){

var timer=null;//定義一個定時器變量

$(".u_menu_setting").mouseover(function(){

clearTimeout(timer);

$(".u_ddl").show();

});

$(".u_menu_setting").mouseout(function(){

timer=setTimeout(function(){

$(".u_ddl").hide();

},300);

});

$$(".u_ddl").mouseout(function(){

timer=setTimeout(function(){

$(".u_ddl").hide();

},300);

});

$(".u_ddl").mouseover(function(){

clearTimeout(timer);

$(".u_ddl").show();

});

});

jquery下拉菜單怎么做，一個簡單的純手寫例子

slideDown(),slideUp()

事件就用mouseenter mouseleave

!DOCTYPE?html????

html????

head????

meta?charset="UTF-8"????

title/title????

style?type="text/css"????

*?{????

margin:?0;????

padding:?0;????

}????

ul?{????

list-style:?none;????

}????

.wrap?{????

width:?330px;????

height:?30px;????

margin:?100px?auto?0;????

padding-left:?10px;????

background-image:?url(imgs/bg.jpg);????

}????

.wrap?li{????

background-image:?url(imgs/libg.jpg);????

}????

.wrap??ul??li?{????

float:?left;????

margin-right:?10px;????

position:?relative;????

}????

.wrap?a?{????

display:?block;????

height:?30px;????

width:?100px;????

text-decoration:?none;????

color:?#000;????

line-height:?30px;????

text-align:?center;????

}????

.wrap?li?ul?{????

position:?absolute;????

top:?30px;????

display:?none;????

}????

/style????

script?src="jq.js"/script????

script?type="text/javascript"????

??? ????

??? $(function(){????

??? ????

// ???? 分析思路:將鼠標到任何一個li上面?讓對應的li里面的ul?顯示??讓其他的?li里面的ul隱藏????

??? ????

// ???? 1?給所有的.wrapulli?添加注冊鼠標移上事件?mouseover????

??? $(".wrapulli").mouseover(function(){????

??? //?2?讓它里面的直接子元素ul?去滑入????

??? $(this).children("ul").stop().slideDown();????

??? })????

??? //2?給所有的.wrapulli?添加注冊鼠標移出事件?mouseout????

??? $(".wrapulli").mouseout(function(){????

??? //?2?讓它里面的直接子元素ul?去滑出????

??? $(this).children("ul").stop().slideUp();????

??? })????

??? })????

??? ????

/script????

/head????

body????

div?class="wrap"????

ul????

li????

a?href="javascript:;"一級菜單1/a????

ul?class="ul"????

li????

a?href="javascript:;"二級菜單11/a????

/li????

li????

a?href="javascript:;"二級菜單12/a????

/li????

li????

a?href="javascript:;"二級菜單13/a????

/li????

/ul????

/li????

li????

a?href="javascript:;"一級菜單2/a????

ul????

li????

a?href="javascript:;"二級菜單21/a????

/li????

li????

a?href="javascript:;"二級菜單22/a????

/li????

li????

a?href="javascript:;"二級菜單23/a????

/li????

/ul????

/li????

li????

a?href="javascript:;"一級菜單3/a????

ul????

li????

a?href="javascript:;"二級菜單31/a????

/li????

li????

a?href="javascript:;"二級菜單32/a????

/li????

li????

a?href="javascript:;"二級菜單33/a????

/li????

/ul????

/li????

/ul????

/div????

/body????

/html

jquery 如何實現(xiàn)折疊菜單

知道你要啥樣的，就說個最簡單的豎列折疊菜單吧,比如：

菜單1

子菜單1

子菜單2

……

菜單2

子菜單1

子菜單2

……

如果要做這樣的折疊菜單 那html為：

div?class="menu"

div菜單1/div

ul

li子菜單1/li

li子菜單2/li

……

/ul

/div

div?class="menu"

div菜單1/div

ul

li子菜單1/li

li子菜單2/li

……

/ul

/div

css為：(沒樣式只有功能，樣式自己去加)

.menu?ul{?display:none}

js為：

$('.menu').click(function(){

$(this).find('ul').slideToggle();

)}

jQuery 怎么實現(xiàn)點擊頁面其他地方隱藏菜單

需要通過Jquery來實現(xiàn)這種點擊頁面其他地方隱藏菜單的效果，重要的一點就是需要通過event.stopPropagation()來阻止事件冒泡：

pa?href="javascript:void(0)"?class="a"菜單按鈕/a/p

div?class="menu"

a?href=""百度/a

/div

//綁定按鈕事件，點擊按鈕可以打開菜單，同時也能關閉按鈕

$(".a").on("click",?function(e){

if($(".menu").is(":hidden")){

$(".menu").show();

}else{

$(".menu").hide();

}????

//給document綁定一個一次性的click事件，點擊關閉菜單

$(document).one("click",?function(){

$(".menu").hide();

});

e.stopPropagation();

});

//通過e.stopPropagation()來保證點擊菜單不會關閉菜單

$(".menu").on("click",?function(e){

e.stopPropagation();

});

jquery如何實現(xiàn)菜單條由下向上滑動顯示 由上向下滑動隱藏

由上向下滑動由 slideDown()控制，

由下向上滑動由 slideUp()控制。

首先將菜單條隱藏，這種情況一般賦予其CSS屬性：display:none; 來隱藏。

然后通過jquery賦予它事件：點擊或者鼠標移入。

通過這個事件綁定由下向上滑動的 slideUp()。

最后通過點擊或者鼠標移出綁定由上向下滑動的 slideDown()。

slideDown()slideUp()中的括號填入速度。比如

slideDown("fast")

本文名稱：jquery菜單,jquery菜單欄鼠標移開收起
網(wǎng)站URL：http://chinadenli.net/article24/dsgeije.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供、品牌網(wǎng)站制作、搜索引擎優(yōu)化、ChatGPT、軟件開發(fā)、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)