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 ));
    
    	
    
  • 相关阅读:
    北航OO第三单元总结
    北航OO第二单元总结
    提问回顾和个人总结
    Unity 制作不规则形状button
    Unity 3D手游对不同分辨率屏幕的UI自适应
    软工结队作业
    CSDN app分析
    软工作业——求交点
    软工第一次作业
    软工热身作业
  • 原文地址:https://www.cnblogs.com/zuoxiaobing/p/3558401.html
Copyright © 2011-2022 走看看