zoukankan      html  css  js  c++  java
  • jquery元素分组插件,用于把一连串元素分成多组,如把多个a标签分成多组放入<li>元素中,可以用于简化多图滚动为一个元素滚动,兼容ie6

    三个参数

    <script type="text/javascript">
    	/*
    	 *sclass:设置包裹元素的类
    	 * packages:设置包裹的元素
    	 * row:设置每几个元素一组
    	 * */
    	$('#iscroll>a').igroup({
    		sclass:'hi',
    		packages:'li',
    		row:3
    		});
    </script>
    

     代码

    (function ( $ ) {
    var $iscroll=0;
    var $arr=new Array();
    $.fn.igroup=function(options){
    	
    
    var settings = $.extend({
            row:3,
           packages:'li',
           sclass:'scroll'
        }, options );
    
    
     $olength= this.length;
     
    $last=  this.eq($olength-1);
    if($olength%settings.row==0){
    $count=$olength/settings.row-1;
    }else{
    	$count=$olength/settings.row;
    }
    for (var i=0; i <=$count; i++) {
      $last.after('<'+settings.packages+'>')
    };
    $liall=this.nextAll(settings.packages);
    $c=0;
    	$la=0;
    this.each(function(){
    	
    	
    	$liall.eq($c).append($(this));
    	$la++;
    	if($la%settings.row==0&&$la!=0){
    		$c++
    	}
    })
    $liall.addClass(settings.sclass);
    }
    }( jQuery ));
    
    	
    
  • 相关阅读:
    第一篇正式文章 随便聊聊吧
    CSS 28 块之间的空格
    CSS 27 贴在下方
    CSS 26 左右固定
    CSS 25 垂直居中
    CSS 24 左侧固定
    CSS 23 水平居中
    CSS 22 显示方式
    CSS 21 浮动
    CSS 20 相对定位
  • 原文地址:https://www.cnblogs.com/zuoxiaobing/p/3558401.html
Copyright © 2011-2022 走看看