jquery瀑布流插件.docVIP

jquery瀑布流插件 /* ** Waterfall ** author : ispiders ** date : 2012/11/30 ** qq : 544712671 ** 鍦ㄥ紩鍏ユ湰鎻掍欢鍓嶉渶瑕佸紩鍏query鎵嶈兘姝ｅ父杩愯 ** 璋冪敤鏂规硶 var wf = Waterfall( #container, .box, 200 );鍙傛暟鍒嗗埆瀵瑰簲鐎戝竷娴佸鍣ㄣ€佸唴瀹规ā鍧楃殑jq閫夋嫨鍣紝鍗曞垪瀹藉害 ** wf.appendOne();姝ゆ柟娉曞彲浠ュ湪涓嶉噸鎺掔殑鎯呭喌涓嬪姩鎬佸湪鐎戝竷娴佸悗鍔犲叆妯″潡锛屼竴娆″彧鑳藉姞鍏ヤ竴涓ā鍧? ** wf.init();姝ゆ柟娉曢噸鏂版帓鍒楁墍鏈夋ā鍧楋紝涓€鑸湪绐楀彛澶у皬鏀瑰彉鏃惰皟鐢紝榛樿宸茬粡鍚敤 ** wf.unload();姝ゆ柟娉曞湪涓嶉噸鎺掔殑鎯呭喌涓嬪垹闄や竴涓ā鍧? */ (function( window ) { $.fn.extend( { appendOne : function() { var e; this.domManip( arguments, true, function( elem ) { if ( this.nodeType === 1 || this.nodeType === 11 ) { this.appendChild( elem ); e = $( elem ); }; }); return e; } }); var Waterfall = function( container, boxClass, boxWidth ) { return new Waterfall.fn.initialize( container, boxClass, boxWidth ); }; Waterfall.fn = Waterfall.prototype = { constructor : Waterfall, jq_anim : false, maxBoxNum : 500, stopLoad : false, anim_config : { duration : 2000, easing : linear, queue : false }, initialize : function( container, boxClass, boxWidth ) { if( !container || !boxClass || typeof boxWidth != number ) { console.log( arguments not enough! ); return this; }; container = $( container ); boxes = container.children( boxClass ); boxes.css({ position : absolute }); this.container = container; this.boxWidth = boxWidth; this.boxes = boxes; this.init(); var root = this; $( window ).resize(function() { root.init(); }); return this; }, init : function( boxes ) { var boxes = boxes || this.boxes; this.colArr = []; this.colNum = Math.floor( this.container.innerWidth() / this.boxWidth ) || 1; for( var i = 0; i this.colNum; i++ ) { this.colArr[ i ] = {}; this.colArr[ i ].height = 0; this.colArr[ i ].mark = i; this.colArr[ i ].boxNum = 0; }; this.loadBoxes( boxes ); }, my_sort : function( bool, key, arr ) { var arr = arr == null ? this.colArr : arr;