`

使用jQuery插件sidr来创建一个隐藏式的边栏菜单

阅读更多

日期:2013-4-8  来源:GBin1.com

使用jQuery插件sidr来创建一个隐藏式的边栏菜单

在线演示

 

如果大家需要创建一个隐藏式的边栏菜单的话,Sidr这个jQuery插件肯定能够帮助你快速的实现。这个插件拥有两个不同的样式主题,暗色和亮色。使用非常简单,javascript和HTML代码如下:

Javascript:

<!-- Include jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
......

HTML:

<!-- Your stuff -->
<a id="simple-menu" href="#sidr">更多操作选项</a>
 ......

使用jQuery插件sidr来创建一个隐藏式的边栏菜单

via:极客标签

 来源网站:http://www.berriart.com/sidr/#sidr

来源:使用jQuery插件sidr来创建一个隐藏式的边栏菜单

分享到:
评论

相关推荐

    前端项目-sidr.zip

    在本文中,我们将深入探讨“前端项目-sidr.zip”中的关键知识点,主要围绕SIDR,一个基于jQuery的插件,用于构建响应式侧边菜单。SIDR为开发者提供了便捷的方式来实现网页上的侧滑菜单,使得菜单在不同设备上都能...

    yii-sidr:这是 Sidr JQuery 插件的 Yii 小部件

    #yii-sidr 这是一个用于 Sidr JQuery 插件的 Yii 小部件 这是一个用于 Sidr JQuery 插件的 Yii 小部件。 此插件使您能够构建像 JPanel 一样的滑出式菜单,但适用于浏览器的任一侧或两侧。 还通过 TouchSwipe JQuery ...

    搜集的jquery效果插件

    在IT行业中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的使用,使得网页动态交互变得更加容易。这个“搜集的jquery效果插件”压缩包显然包含了一系列用于增强网站用户体验的jQuery插件。这些...

    jquery左侧固定悬浮二级导航菜单

    本知识点将深入探讨如何实现这样的功能,并通过jQuery库来创建一个高效、动态的二级导航菜单。 首先,我们需要理解导航菜单的基本结构。通常,一级导航包含网站的主要类别,如“首页”、“产品”、“服务”和“联系...

    slidemenu:打包用于 Rails 4 和 Jquery.Turbolinks 的 Sidr 菜单

    为 Rails Asset Pipeline 创建很酷的屏幕外滑块菜单。 和将其整合在一起。 我只是更新了一些东西,这样我就不必单击按钮一千次就可以让它与 Rails 4 中的 Turbolinks 一起工作。使用和享受。 开始设置 将此行添加到...

    蓝色地图个人介绍单页模板是一款简单的响应式个人介绍html单页网站模板下载.rar

    4. `jquery.sidr.light.css`、`jquery.sidr.dark.css`: 这两个文件与jQuery的Sidr插件相关,Sidr是一个用于创建侧滑菜单的jQuery插件,使得导航在有限的空间内更加便捷。 5. `responsive.css`: 这是响应式布局的...

    jQuery网站侧边隐藏展开导航插件

    jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的功能和便利性,尤其是在创建动态和交互式的网页组件方面,如侧边隐藏展开导航插件。本篇文章将深入探讨jQuery侧边菜单导航插件的原理、实现方式以及其在...

    sidr:用于Drupal的Silex前端

    在Drupal场景中,SIDR可能作为一个工具来简化和增强Drupal网站的用户界面,尤其是导航菜单和侧边栏的交互体验。 描述中提到,SIDR是一个库,用于构建Drupal站点的前端。这暗示了它可能提供了自定义的JavaScript和...

    网站前端网页源码模板 (1029).zip

    6. **sidr** - 这可能是一个特定的库或框架,比如Sidr是一个jQuery插件,用于创建可滑动的侧边栏菜单。它简化了在网页上添加响应式导航菜单的过程,使网站在手机和平板设备上也能良好工作。 在实际开发中,开发者会...

    基于SIDR模型的谣言传播与源头检测研究.docx

    Kermack 等建立的 SIR 模型是目前谣言传播研究中应用最广的模型之一,该模型包括三种节点状态:易感状态、感染状态、免疫状态。此外,Daley 和 Kendall 提出了 DK 模型,该模型设定当谣言传播者与其他谣言传播者或...

    thesis:我的计算机科学转换学位论文项目

    论文 这是我的计算机科学学位课程的最后论文项目。 目的是构建一个Web应用程序,以可视化模式挖掘程序RMiner的输出。 要使用,请确保已下载node.js。 然后导航到终端中的app文件夹。... Sidr用于侧边栏。

    学校发展与教师职业生涯规划_mdash;_mdash;参与、互.pptx

    D,Detail(细节),提醒我们关注每一个环节,确保每个步骤的落实。R,Relation(关系),强调建立和维护学校与内外部环境的良好互动,调动各方资源,满足社会的多元化需求。 教师职业生涯规划在SIDR模式中同样占有...

    学校战略管理与教师专业成长.pptx

    【学校战略管理与教师专业成长】是教育领域中一个重要的主题,它涉及到学校如何通过有效的管理策略促进教师的专业发展,从而提升教学质量。战略管理是指学校根据自身情况和外部环境,制定长远目标,并通过一系列步骤...

    SIDR:过去SC '13论文的工作仍在继续

    hadoop_conf_files目录包含我用于在单节点设置上运行SIDR的配置文件。 sudo apt-get install ant-contrib build-essential git maven python-software-properties autoconf libtool 导出CLASSPATH = $ CLASSP

    学校战略管理与教师(中小校长).pptx

    对于教师职业生涯规划,SIDR提供了一个系统性的框架,帮助教师设定个人发展目标,促进其专业发展。 在SIDR模式中,技术演练和详解部分可能会涵盖如何进行战略规划、如何将规划分解为可操作的任务、如何评估规划效果...

    论文研究 - 孟加拉国Patuakhali的Kuakata沿海带的自然灾害影响及其应对策略

    制定应对这一带自然资源的应对策略非常重要。 本研究的重点是热带风暴对农作物,人类,鱼类,牲畜和基础设施的影响。 在锡德尔和艾拉自然灾害期间记录了99人死亡。 这些灾难影响了910.94公顷(Sidr)和973.69公顷...

    MATLAB视频去雾【GUI,源码,论文】_GUI_retinex算法去雾_retinex去雾_MATLAB暗通道去雾_MATL

    在本资源包中,主要包含了MATLAB实现的视频去雾技术,特别强调了GUI界面、源码以及相关的学术论文。这个资源集成了多种去雾...对于想要在MATLAB环境下研究和实践图像去雾技术的人来说,这是一个极其宝贵的学习资源。

    嵌入式C语言手册(fujitsu 16位单片机系列)

    每个按键对应于矩阵中的一个交叉点,当按键被按下时,相应的行线和列线会形成短路。 - **键盘扫描原理**:通过依次将列线设置为低电平,同时读取行线的状态来检测哪些键被按下。如果某一行线的电平变为低,则说明...

    Confetti for JIRA-crx插件

    语言:English 流行五彩纸屑当您完成JIRA票证时! 庆祝您的所有胜利。 流行陈列赛响应任何Web事件。 从吉拉门票完成开始!...selectsissue = - 请向支持以外的新事件发送请求以支持以上rome@sidr.io。

Global site tag (gtag.js) - Google Analytics