测试一篇文章看看

var SimpleSlideShowDemo = new Class({

	options: {

		slides: [],

		startIndex: 0,

		wrap: true,

		onShow: Class.empty	

	},

	

	initialize: function(options){

		this.setOptions(options);

		this.slides = [];

		this.effects = [];

		this.addSlides(this.options.slides);

		if(this.slides.length) {

			this.showSlide(this.options.startIndex);

		}

	},

	

	addSlides: function(slides){

			$(slides).each(function(slide){

                        this.slides.include($(slide));

                        this.effects[this.slides.indexOf(slide)] = new Fx.Style(slide, 'opacity');

                        slide.addEvent('click', this.cycleForward.bind(this));

              }, this);

	},

	

	addSlide: function(slide){

		this.addSlides([slide]);

	},

	

	cycleForward: function(){

		if($chk(this.now) && this.now<this.slides.length-1){

			this.showSlide(this.now+1);

		}else if(this.now&&this.options.wrap){

			this.showSlide(0);

		}else if(!$defined(this.now)){

			this.showSlide(this.options.startIndex);

		}

	},

	

	cycleBack:function(){

		if(this.now>0){

			this.showSlide(this.now-1);

		}else if(this.options.wrap){

			this.showSlide(this.slides.length-1);

		}

	},

	showSlide: function(iToShow){

		var now = this.now;

		var currentSlide = this.slides[now];

		var slide = this.slides[iToShow];

		//closure

		function fadeIn(s){

			s.setStyles({

				display:'block',

				visibility:'visible',

				opacity: 0

			});

			this.effects[this.slides.indexOf(s)].start(1);//from 0 to 1

			this.fireEvent('onShow',[slide,iToShow]);

		};

		

		if(slide) {

			if($chk(now) && now != iToShow){

				this.effects[now].start(0).chain(function(){

					this.slides[now].setStyle('display','none');

					fadeIn.apply(this, [slide]);

				}.bind(this));

			}else {

				fadeIn.apply(this,[slide]);

			}

			this.now = iToShow;

		}

	},

});

var SimpleSlideShowDemo = new Class({

	options: {

		slides: [],

		startIndex: 0,

		wrap: true,

		onShow: Class.empty	

	},

	

	initialize: function(options){

		this.setOptions(options);

		this.slides = [];

		this.effects = [];

		this.addSlides(this.options.slides);

		if(this.slides.length) {

			this.showSlide(this.options.startIndex);

		}

	},

	

	addSlides: function(slides){

			$(slides).each(function(slide){

                        this.slides.include($(slide));

                        this.effects[this.slides.indexOf(slide)] = new Fx.Style(slide, 'opacity');

                        slide.addEvent('click', this.cycleForward.bind(this));

              }, this);

	},

	

	addSlide: function(slide){

		this.addSlides([slide]);

	},

	

	cycleForward: function(){

		if($chk(this.now) && this.now<this.slides.length-1){

			this.showSlide(this.now+1);

		}else if(this.now&&this.options.wrap){

			this.showSlide(0);

		}else if(!$defined(this.now)){

			this.showSlide(this.options.startIndex);

		}

	},

	

	cycleBack:function(){

		if(this.now>0){

			this.showSlide(this.now-1);

		}else if(this.options.wrap){

			this.showSlide(this.slides.length-1);

		}

	},

	showSlide: function(iToShow){

		var now = this.now;

		var currentSlide = this.slides[now];

		var slide = this.slides[iToShow];

		//closure

		function fadeIn(s){

			s.setStyles({

				display:'block',

				visibility:'visible',

				opacity: 0

			});

			this.effects[this.slides.indexOf(s)].start(1);//from 0 to 1

			this.fireEvent('onShow',[slide,iToShow]);

		};

		

		if(slide) {

			if($chk(now) && now != iToShow){

				this.effects[now].start(0).chain(function(){

					this.slides[now].setStyle('display','none');

					fadeIn.apply(this, [slide]);

				}.bind(this));

			}else {

				fadeIn.apply(this,[slide]);

			}

			this.now = iToShow;

		}

	},

});

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论

打赏作者

mojialin100

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值