jQuery展开左右侧栏目插件PageSlide

所属分类:导航-其他导航

 58150  411  查看评论 (3)
分享到微信朋友圈
X
jQuery展开左右侧栏目插件PageSlide ie兼容8

使用方法

向右,滑动并从辅助页加载内容

<a href="_secondary.html" class="first">Link text</a>
<script>
    $("a.first").pageslide();
</script>

滑到左边,并在模态的窗格中显示此页的隐藏的内容

<a href="#modal" class="second">Link text</a>
<div id="modal" style="display:none">
    <h2>Modal</h2>
    <a href="javascript:$.pageslide.close()">Close</a>
</div>
<script>
    $(".second").pageslide({ direction: "left", modal: true });
</script>

以编程方式打开的页面

<a href="javascript:$.pageslide({ direction: 'left', href:'_secondary.html' })">Link text</a>
相关插件-其他导航

H5响应式菜单导航

H5页面自适应,响应式菜单导航
  其他导航
 50978  317

jQuery仿微信自定义菜单

jQuery仿微信自定义菜单全屏自适应手机底部弹出菜单
  其他导航
 34517  379

纯CSS3扇形导航

纯CSS3打造动感漂亮的扇形菜单
  其他导航
 45178  558

圆形的动画导航用CSS和jQuery

一个实验性的全屏导航、动画使用CSS和jQuery,扩大在一个循环。 支持所有主流浏览器。
  其他导航
 36679  399

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    422835426 0
    2021/1/18 11:24:26
    想请问 用完这个插件之后bootstrap事件都消失了 是怎么回事呢 回复
    将就活的 0
    2019/4/16 14:30:10
    锦城 0
    2017/4/2 10:44:36
    插件王子 0
    2014/3/13 9:17:00

    效果不错,功能强大,谢谢提供。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复