`

分享一个jQuery的超酷分页插件 - jPages

jquery插件jquery分页插件jquery分页效果jPages 
阅读更多

日期：2012-4-18  来源：GBin1.com

分享一个jQuery的超酷分页插件 - jPages

在线演示   本地下载

jQuery的分页插件很多，但是大都的功能都比较简单，今天我们分享一个非常酷的分页插件 - jPages ，拥有丰富的功能和特效，大家肯定会喜欢！

jPages是一个典型的客户端分页插件，提供了相比其它分页插件更多的特性和功能。

分享一个jQuery的超酷分页插件 - jPages

主要特性

  • 自动翻页
  • 键盘和鼠标滚动浏览
  • 延缓页面内容显示
  • 完全自定义的分页导航支持
  • 如果需要特效或者lazyload，可和其它js类库整合：Animate.css 和 Lazy Load
  • 支持各种类型的页面导航菜单，可供大家选择
  • 兼容主流浏览器及其IE7+

如何使用

添加如下代码到<head>区域：

<link rel="stylesheet" href="css/jPages.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jPages.js"></script>

如果你使用Animate.css 的话，你需要添加如下：

<link rel="stylesheet" href="css/animate.css">

演示代码如下：

<!-- Future navigation panel -->
<div class="holder"></div>

<!-- Item container (doesn't need to be an UL) -->
<ul id="itemContainer">
    <!-- Items -->
    <li>...</li>
    <li>...</li>
    <li>...</li>
    <li>...</li>
    <li>...</li>
    ...
</ul>

初始化插件：

...

来源：分享一个jQuery的超酷分页插件 - jPages

分享到：
| 推荐12款精心设计网站设计PSD模板
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics