-
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基础,你就能创造更多意想不到的效果!