jQuery分页插件--motypagination

文章转载自：http://motyer.cn/Blog/Details/blog2016101515451280

一款JQuery插件——motypagination。该插件简单易用，只需几个参数的设置即可完成所有的效果，当按照如下方式调用时，显示如下图4.10所示：

$("#motypage1").motypagination({    horizontal:false,    url:function(index){return"javascript:alert('This is page {0}')".replace("{0}", index);}},5,10);

$("#motypage2").motypagination({    pages_shown:5,    url:function(index){return"javascript:alert('This is page {0}')".replace("{0}", index);}},5,10);

参数说明
    

    color:    
        正常文本颜色。
        color string
        默认值："#787d82"

    disabled_color: 
        失效文本颜色。
        color string
        默认值："#c8cdd2"

    hover_color: 
        鼠标悬停文本颜色及该项的下边界颜色。
        color string
        默认值："#ec1500"

    cur_bgcolor: 
        当前页的背景色。
        color string
        默认值："#ec1500"

    cur_color: 
        当前页上的文本颜色。
        color string
        默认值："#fff"

    hidewhenonlyone: 
        当只有一项时是否隐藏。
        boolean
        默认值：true

    horizontal: 
        横向还是竖向，如果是横向，那么将是一字排开，否则将会是一个select
        boolean
        默认值：true

    first: 
        是否显示首页。
        boolean
        默认值：true

    last:
        是否显示尾页。
        boolean
        默认值：true

    prev: 
        是否显示上一页。
        boolean
        默认值：true

    next: 
        是否显示下一页。
        boolean
        默认值：true

    first_text: 
        首页显示文本。
        string
        默认值："首页"

    last_text: 
        尾页显示文本。
        string
        默认值："尾页"

    prev_text: 
        上一页显示文本。
        string
        默认值："上一页"

    next_text: 
        下一页显示文本。
        string
        默认值："下一页"

    pages_shown: 
        显示的页面按钮数目，不包括首页、尾页、上一页和下一页，建议设成奇数。
        int

        默认值：7

    url: 
        页面跳转链接。
        function
        默认值：function(index){
                            return "index_" + index;
                      }

       源代码已经托管在github上面了，有兴趣的可以下载看看，也可以帮助完善。

       https://github.com/liujian619/MotyPagination