jQuery左右侧栏导航菜单插件PageSlide,目前比较流行的导航菜单展现形式,特别是在手机端或者触屏页面,效果还是不错的,支持自定义展现的方向,菜单内容可自行定义,支持加载页面,或者模态的窗格中显示此页的隐藏的内容,推荐使用。
使用方法:
1.加载插件和jQuery
<link rel="stylesheet" type="text/css" href="../jquery.pageslide.css" /> <script src="../lib/jquery-1.7.1.min.js"></script> <script src="../jquery.pageslide.min.js"></script>
2.使用方式
2.1 向右,滑动并从辅助页加载内容
<a href="_secondary.html" class="first">Link text</a> <script> $("a.first").pageslide(); </script>
2.2 滑到左边,并在模态的窗格中显示此页的隐藏的内容
<a href="#modal" class="second"></Link text</a> <div id="modal" style="display:none"> <h2>Modal</h2> <a href="javascript:$.pageslide.close()"></Closea> </div>
2.3 函数打开
<a href="javascript:$.pageslide({ direction: 'left', href:'_secondary.html' })">Link text</a>
查看演示 插件下载
以上所述就是本文的全部内容了,希望大家能够喜欢。
本文向大家介绍jQuery实现菜单栏导航效果,包括了jQuery实现菜单栏导航效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jQuery实现菜单栏导航效果的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍jquery实现右键菜单插件,包括了jquery实现右键菜单插件的使用技巧和注意事项,需要的朋友参考一下 今天开发一个项目的时候需要一个模拟鼠标右键菜单的功能。也就是在网页点击鼠标右键的时候不是弹出系统的菜单而是我们制定的内容。这样可以拓展右键的功能。实现过程不多说了,写出来的代码和效果如下: js部分: css部分代码如下: 创建调用代码如下: 销毁调用代码如下: 效果如下: 调用
本文向大家介绍jQuery 实现侧边浮动导航菜单效果,包括了jQuery 实现侧边浮动导航菜单效果的使用技巧和注意事项,需要的朋友参考一下 单页面网页内容较多,页面长度较大,需要方便快速的在页面的不同位置进行定位,所以浮动菜单逐渐流行了起来,如下图 男装、女装、美妆等。 这种菜单功能分为两部分: 1、点击菜单项,网页滚动到对应位置,可简单通过锚点实现; 2、滚动页面的时候,菜单项的选中状态要跟着改
本文向大家介绍基于jQuery实现左侧菜单栏可折叠功能,包括了基于jQuery实现左侧菜单栏可折叠功能的使用技巧和注意事项,需要的朋友参考一下 今天给大家介绍一下左侧菜单栏可折叠功能,在后台管理中左侧菜单折叠功能是特别常见的一个功能,基本不管是什么类型的管理后台都会涉及到这个功能的实现。 今天给大家介绍的是二级可折叠菜单的功能,相对一级的菜单折叠功能就显得稍微比较复杂一点了,我这里将给大家介绍菜单
本文向大家介绍jquery实现垂直和水平菜单导航栏,包括了jquery实现垂直和水平菜单导航栏的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jquery菜单导航栏的实现代码,供大家参考,具体内容如下 1.HTML代码 2.CSS代码 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍Android使用fragment实现左侧导航,包括了Android使用fragment实现左侧导航的使用技巧和注意事项,需要的朋友参考一下 使用简单的fragment实现左侧导航,供大家参考,具体内容如下 先上效果图: MainActivity.java Fragment1.java Fragment2.java 源码地址:使用fragment实现左侧导航 以上就是本文的全部内容,