当前位置:  编程技术>jquery

jQuery 可折叠侧边栏菜单的实现代码

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: jQuery 可折叠侧边栏菜单 完整代码:   代码示例: jQuery的可折叠的侧边栏菜单-脚本学堂 $(document).ready(function () { $("dd:not(:first)").hide(); $("dt a").click(function () { $("dd:visible").slideUp("slow"); $(this).parent().next()....

本节内容:
jQuery 可折叠侧边栏菜单

完整代码:
 

代码示例:




jQuery的可折叠的侧边栏菜单-脚本学堂



$(document).ready(function () {
$("dd:not(:first)").hide();
$("dt a").click(function () {
$("dd:visible").slideUp("slow");
$(this).parent().next().slideDown("slow");
return false;
});
});


body { font-family:'Verdana','宋体'; font-size: 16px; }
dl { width: 300px; }
dl,dd { margin: 0; }
dt { background: #F39; font-size: 18px; padding: 5px; margin: 2px; }
dt a { color: #FFF; }
dd a { color: #000; }
ul { list-style: none; padding: 5px; }




jQuery



俄罗斯方块



工具




原文像俄罗斯方块这样的标题链接,可以鼠标右键打开。


    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery上下文菜单插件 jquery-simple-context-menu
  • jQuery菜单插件 Dmenu jQuery Plugin
  • jQuery下拉菜单插件 jQuery Simple Drop Down Menu
  • jQuery 下拉菜单插件 jQuery menu-aim
  • jquery下拉菜单效果 jquery点击弹出下拉菜单的例子
  • jQuery 菜单插件 jVanilla Menu
  • jQuery响应式侧栏菜单插件 sidr
  • jQuery树型菜单 MagicDTree
  • 抽屉式菜单 jQuery.mmenu
  • jQuery菜单插件 Superfish
  • jQuery卷帘菜单插件 HoverAccordion
  • jQuery菜单插件 Smooth Navigational Menu
  • jQuery多层级菜单插件 DD Mega Menu
  • jQuery水平下拉菜单 jMenu
  • jQuery 禁用右键菜单的简单代码
  • jQuery 导航菜单 FlexNav
  • jQuery 动画菜单 aMenu
  • jQuery菜单插件 mbMenu
  • jQuery导航菜单插件 AutoSprites
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery菜单插件 Smooth Navigational Menu iis7站长之家
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3