快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

侧边栏jquery,智能侧边栏

我用jquery写了一个侧边栏,单击之后下拉,但是再单击的时候,怎样实现上拉?

$(document).ready(function(){

创新互联专注于沂源企业网站建设,成都响应式网站建设公司,成都做商城网站。沂源网站建设公司,为沂源等地区提供建站服务。全流程专业公司,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

$("#according li").click(function(){

$(this).children("ul").slideToggle();

});

});

侧边栏三级级菜单滑出jquery怎么写

你指的是:

这种效果么???

如果是的话可以考虑使用mmenu Jquery插件,很强大。pc,移动都可以用。

使用代码:(第三方资源可以自己现在或者是到我的博客中下载)

!DOCTYPE html  

html  

head  

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /  

title mmenu演示 /title  

!--需要的第三方包--  

link href="font-awesome.min.css" rel="stylesheet" type="text/css"   

link href="jquery.mmenu.all.custom.css" rel="stylesheet" type="text/css"   

link href="bootstrap.min.css" rel="stylesheet"  

script src="jquery.min.js" type="text/javascript"/script    

script src="jquery.mmenu.min.all.js"/script  

script src="bootstrap.min.js"/script  

span style="white-space:pre"    /span  

script type="text/javascript"  

$(document).ready(function() {  

$("#main_menu").mmenu({  

counters: true,  

classes: "mm-light mm-zoom-menu mm-zoom-panels",  

searchfield: true,  

footer: {  

add: true,  

content: "Powered by Real @2014"  

}  

});  

});  

/script      

/head  

body  

nav class="navbar navbar-default navbar-static-top" role="navigation"   

style="margin-bottom: 0"  

div class="navbar-head"  

div class="navbar-brand"  

a href="#main_menu"点击/a  

/div  

/div  

ul class="nav navbar-top-links navbar-right"  

li  

aaa  

/li  

li class="dropdown"  

a class="dropdown-toggle" data-toggle="dropdown" href="#"  

aaa  

/a  

ul class="dropdown-menu dropdown-user"  

li111/li  

li class="divider"/li  

li222/li  

/ul  

/li    

/ul  

/nav  

nav id="main_menu"  class="noprint"  

ul  

li  

span菜单一/span  

div  

ul                        

span style="white-space:pre"    /spanlia href=""1/a/li  

lia href=""2/a/li  

lia href=""3/a/li     

/ul  

/div  

/li  

li  

span菜单二/span  

div  

ul  

lia href=""1/a/li  

/ul  

/div  

/li  

li  

span菜单三/span  

div  

ul   

lia href=""1/a/li  

span style="white-space:pre"    /spanlia href=""2/a/li  

lia href=""3/a/li  

lia href=""4/a/li  

/ul  

/div  

/li         

/ul  

/nav  

/body  

/html

如果你想要的不是这个效果,请贴出效果图。

jquery mobile 如何做这样一个侧边栏

jquery mobile已经提供了这个功能,直接调用就可以了。

你可以研究下jm的panel


名称栏目:侧边栏jquery,智能侧边栏
网站网址:http://6mz.cn/article/dsdsoed.html

其他资讯