WebRoot/js/jquery.soChange.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*
 *	soChange 1.6 - simple object change with jQuery
 *	made by bujichong 2010-10-16
 *	作者：不羁虫  2010-10-16
 * http://hi.baidu.com/bujichong/
 */
;(function($){
	$.fn.extend({
		"soChange": function(o){

		o= $.extend({
			thumbObj:null,//导航对象
			botPrev:null,//按钮上一个
			botNext:null,//按钮下一个
			changeType:'fade',//切换方式，可选：fade,slide，默认为fade
			thumbNowClass:'now',//导航对象当前的class,默认为now
			thumbOverEvent:true,//鼠标经过thumbObj时是否切换对象，默认为true，为false时，只有鼠标点击thumbObj才切换对象
			slideTime:1000,//平滑过渡时间，默认为1000ms，为0或负值时，忽略changeType方式，切换效果为直接显示隐藏
			autoChange:true,//是否自动切换，默认为true
			clickFalse:true,//导航对象如果有链接，点击是否链接无效，即是否返回return false，默认是return false链接无效，当thumbOverEvent为false时，此项必须为true，否则鼠标点击事件冲突
			overStop:true,//鼠标经过切换对象时，切换对象是否停止切换，并于鼠标离开后重启自动切换，前提是已开启自动切换
			changeTime:5000,//自动切换时间
			delayTime:300//鼠标经过时对象切换迟滞时间，推荐值为300ms
		}, o || {});

		var _self = $(this);
		var thumbObj;
		var size = _self.size();
		var nowIndex =0; //定义全局指针
		var index;//定义全局指针
		var startRun;//预定义自动运行参数
		var delayRun;//预定义延迟运行参数

	//主切换函数
	function fadeAB () {
		if (nowIndex != index) {
			if (o.thumbObj!=null) {
			$(o.thumbObj).removeClass(o.thumbNowClass).eq(index).addClass(o.thumbNowClass);}
			if (o.slideTime <= 0) {
				_self.eq(nowIndex).hide();
				_self.eq(index).show();
			}else if(o.changeType=='fade'){
				_self.eq(nowIndex).fadeOut(o.slideTime);
				_self.eq(index).fadeIn(o.slideTime);
			}else{
				_self.eq(nowIndex).slideUp(o.slideTime);
				_self.eq(index).slideDown(o.slideTime);
			}
			nowIndex = index;
			if (o.autoChange==true) {
			clearInterval(startRun);//重置自动切换函数
			startRun = setInterval(runNext,o.changeTime);}
			}
	}


	//切换到下一个
	function runNext() {
		index =  (nowIndex+1)%size;
		fadeAB();