建站
咨詢
售后
建站咨詢
新聞中心
jQuery折疊菜單
用選擇器啊 你根據(jù)這個改一下
站在用戶的角度思考問題，與客戶深入溝通，找到茌平網(wǎng)站設(shè)計與茌平網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名注冊、虛擬主機、企業(yè)郵箱。業(yè)務覆蓋茌平地區(qū)。
$(".main a").click(function(){//如果設(shè)為.main a則在子菜單的點擊也有相同的效果
//找到主菜單項所對應的子菜單項
var ulNode=$(this).next("ul");
/*最初的方法
if(ulNode.css("display")=="none"){
ulNode.css("display","block");//把display屬性改為block
}else{
ulNode.css("display","none");
}
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折疊菜單。
你呆以把html代碼貼出來，寫個折疊菜單不需要這么多代碼。最多4行，html結(jié)構(gòu)好的話2行足夠
左側(cè)菜單欄折疊展開效果-超級簡單
分享一個常見于管理后臺的左側(cè)菜單欄折疊展開的效果，基于jquery，效果圖如下：
一：頁面結(jié)構(gòu)：
二：頁面樣式css，放在head標簽里
三：引入jquery文件
四：給一級菜單綁定點擊事件，點擊時展開下面的子菜單
五：給二級菜單綁定事件，點擊時加入選中的深色背景
六：阻止二級菜單點擊發(fā)生冒泡，當點擊二級菜單的時候，一級菜單的事件也會發(fā)生，此時二級菜單會被收起，因此需要阻止事件冒泡
原文作者技術(shù)博客：
95后前端妹子一枚，愛閱讀，愛交友，將工作中遇到的問題記錄在這里，希望給每一個看到的你能帶來一點幫助。
歡迎留言交流
jquery easyui 可折疊的導航菜單這段看不懂，求詳解
div data-options="region:'west',split:true" title="導航菜單" style="width:280px;padding1:1px;overflow:hidden;"
//region:'west',這div的布局位置在西部
div id="nav" class="easyui-accordion" fit="true" border="false"http://easyui-accordion-創(chuàng)建可伸縮面板
c:forEach items="${menus}" var="menu"http://for循環(huán)
div title='${menu.name}'
ul class="easyui-tree" fit="false" border="false" data-options="http://easyui-tree創(chuàng)建樹菜單
valueField : 'id',
textField : 'name',
url : 'loginController?navTreeparentId=${menu.id}',//提交是的路徑
onClick : function(node) {//點擊事件帶一個節(jié)點的參數(shù)
if (node.attributes.href != '' node.attributes.href != null) {
openTab(node);//打開這個節(jié)點
}
}"
/ul
/div
/c:forEach
/div
/div
這個注釋比較簡陋，你可以根據(jù)easyui的api看下，你就會知道是什么意思了
分享名稱：jquery折疊菜單,jquery折疊菜單怎么做
本文網(wǎng)址：http://www.dlmjj.cn/article/dsgggdd.html
