jquery左侧,jquery左侧二级菜单
jquery左侧导航展开收起,单击时只能显示一个菜单,其他的都隐藏起来。
script type="text/javascript" src="jquery.min.js"/script
创新互联是专业的江都网站建设公司,江都接单;提供网站设计制作、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行江都网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
script type="text/javascript"
$(function(){
$('#mymenu dt').click(function(event) {
var dd = $(this).next('div');
var display = dd.css('display');
if (display == 'none') {
$("#mymenu div").hide().eq($('#mymenu dt').index(this)).show();
}else{
dd.css('display','none');
}
});
})
/script
div id="mymenu"
dl
dt
a href="#"点击我/a
/dt
div style="display:none"
dd class="aaa"a href="#"用户查询/a/dd
dd class="aaa"a href="#"添加用户/a/dd
dd class="aaa"a href="#"用户组/a/dd
/div
dta href="#"点击我/a/dt
div style="display:none"
dd class="aaa"a href="#"课程列表/a/dd
dd class="aaa"a href="#"添加课程/a/dd
/div
/dl
/div
其实不用那么麻烦的,加个div包含在里面就好控制多了
望采纳 Thx
jquery左侧悬浮菜单怎么做
ul
li/li
li/li
li/li
li/li
li/li
/ul
ul{
position:fixed;
}
仅提供想法,大概就是这样
jquery点击左侧任意一个li,右侧相应切换li的内容,怎么实现
(1)$("div li").click(function(){ $("#div").html($(this).html()); }); (2)上述(1)中的div为你当前点击的div,第二个div为你需要填充内容的div的id
jquery左侧菜单显示固定数量分类多余的隐藏起来可点击显示
$(function(){
var len = $("#ul li").length;
var hide = 4;
$("ul li").each(function(index){
if ( index hide ){
$(this).hide();//第(hide+1)几个以后开始隐藏
};
$(this).click(function(){
if(indexlen){
$(this).next().show();//下一个显示
}
});
});
});
ul id="ul"
li我是分类1/li
li我是分类2/li
li我是分类3/li
li我是分类4/li
li我是分类5/li
li我是分类6/li
li我是分类7/li
li我是分类8/li
li我是分类9/li
/ul
文章标题:jquery左侧,jquery左侧二级菜单
当前地址:http://scjbc.cn/article/dscicod.html