您的位置: 首页 >日志>前端技术>详细内容

前端技术

jQ拆分子元素小扩展(实现多行滚动效果等)

来源:本站原创 发布时间:2012-11-01 14:54:06 浏览次数: 【字体:

对于以前做过的子栏目划分,用于多行滚动等特殊需要重组结构的小函数,重新简化封装了一下:

(function($) {
    $.fn.splitPart = function(settings) {
        option = $.extend({
            child: ">*",
            num: 4
        },settings);
        
        this.each(function() {
            var parent  = $(this).clone(),
                childs  = parent.find(option.child).remove(),
                part    = Math.ceil(childs.size()/option.num),
                tempObj = $("
 
"); for (var n=0; n


用法:

 

按8个元素一组拆分:

jQuery("#demo4 .picList").splitPart({num:8});

拆分后效果:

拆分后即可根据需要进行多行的滚动,滚左滚右滚上滚下……

 

PS: 具体演示可查看 http://dtop.powereasy.net/Item/3393.aspx

PSP: 大话主席 也分享过一种类似实现方式 http://dtop.powereasy.net/Item/3203.aspx

×

用户登录