当前位置：首页 > 资讯 > 技术文档

jQuery插件PageSlide实现左右侧栏导航菜单

时间：2022-10-11 03:22 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery插件PageSlide实现左右侧栏导航菜单

jQuery左右侧栏导航菜单插件PageSlide，目前比较流行的导航菜单展现形式，特别是在手机端或者触屏页面，效果还是不错的，支持自定义展现的方向，菜单内容可自行定义，支持加载页面，或者模态的窗格中显示此页的隐藏的内容，推荐使用。 [b]使用方法： [/b] [b]1.加载插件和jQuery[/b]

<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>

[b]2.使用方式[/b] 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 函数打开

[url=javascript：$.pageslide({ direction: ] 查看演示[/url] [url=http://www.1sucai.cn/jiaoben/36663.html]插件下载[/url] 以上所述就是本文的全部内容了，希望大家能够喜欢。

全部评论(0)

上一篇：JS图片无缝滚动(简单利于使用)
下一篇：基于jquery实现的类似百度搜索的输入框自动完成功能

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部