SuperSlide - starFun/endFun详细介绍

1、startFun/endFun介绍 SuperSlide能处理大部分效果，但也不是万能。当遇到一些特殊效果时或者想实现更炫的效果时，这两个函数可以帮到我们，前提是你有一定的javascript基础。 startFun：每次切换效果开始时执行函数，用于处理特殊情况或创建更多效果。用法 satrtFun:function(i,c){ }；其中i为当前分页，c为总页数 endFun：每次切换效果结束时执行函数，用于处理特殊情况或创建更多效果。用法 endFun:function(i,c){ }；其中i为当前分页，c为总页数

例如：调用下面的SuperSlide，并使用startFun和endFun会看到下面效果

					jQuery("#slideBox").slide({ mainCell:".bd ul",autoPlay:true,effect:"left",delayTime:2000,interTime:8000,
						startFun:function(i,c){
							$("#textarea").val( $("#textarea").val()+ "第"+(i+1)+"个效果开始，同时执行startFun函数。当前分页状态："+(i+1)+"/"+c+"\r\n")
						},
						endFun:function(i,c){
							$("#textarea").val( $("#textarea").val()+ "第"+(i+1)+"个效果结束，开始执行endFun函数。当前分页状态："+(i+1)+"/"+c+"\r\n")
						}
					});

2、实例演示 现在我们用endFun做一个效果：当图片切换效果结束时，文字才从下滚上来显示。

代码如下：

						jQuery("#slideBox1").slide({ mainCell:".bd ul",autoPlay:true,effect:"left",
							endFun:function(i,c){
								jQuery("#slideBox1 .tit").css({"bottom":-30}).eq(i).animate({"bottom":0});
								jQuery("#slideBox1 .bg").css({"bottom":-30}).eq(i).animate({"bottom":0});
							}
						});

怎么？心动吧，如果你有一定的js基础，你就能创造更多意想不到的效果！