xyzshop/data/resource/js/jquery.F_slider.js

(function($) {
	$.fn.F_slider = function(options){
		var defaults = {
			page : 1,
			len : 0,		// 滚动篇幅
			axis : 'y'		// y为上下滚动，x为左右滚动
		}
		var options = $.extend(defaults,options);
		return this.each(function(){
			var $this = $(this);
			var len = options.len;
			var page = options.page;
			if(options.axis == 'y'){
				var Val = $(this).find('.F-center').height();
				var Param = 'top';
			}else if(options.axis == 'x'){
				var Val = $(this).find('.F-center').parent().width();
				var Param = 'left';
			}
			$this.find('.F-prev').click(function(){
				if( page == 1){
					eval("$this.find('.F-center').animate({"+Param+":'-=' + Val*(len-1)},'slow');");
					page=len;
				}else{
					eval("$this.find('.F-center').animate({"+Param+":'+=' + Val},'slow');");
					page--;
				}
			});
			$this.find('.F-next').click(function(){
				if(page == len){
					eval("$this.find('.F-center').animate({"+Param+":0},'slow');");
					page=1;
				}else{
					eval("$this.find('.F-center').animate({"+Param+":'-=' + Val},'show');");
					page++;
				}
			});
		});
	}
})(jQuery);