插图：在支持Html5浏览器下观看会有更加体验
其中IE9以下版本使用滤镜模拟了一个阴影，删掉此处内容，IE下运行会更加平滑（至少我的老爷机运行更平滑了。）
第一步插图：
启动函数需要返回值，在这个启动函数里面你可以为所欲为，但是在你坏事做完之后必须返回一个值，
被发现，那你就得停下来等待处理结果，那么就返回false，无法继续执行，
没有被发现那就赶紧的离开这里，返回true，继续执行到下一步！

第二步插图：跳出的提示是第一步执行完毕之后的回调函数

回调函数没有返回值，事实上，执行回调函数的时候已经脱离插件，你在这里可以做任何你想做的事！

第三步执行完成：

Demo中另一页面演示更多层调用。
插件说明：
调用方式 $('obj').multiSteps({options});
支持回调函数，支持启动函数（开始滑动之前）
可以设置的参数列表：
复制代码 代码如下:
　　　　{ // Global defaults
showOn: 'click', // 'click' or 'mouseOn'
showAnim: 'leftRight', // 暂时定义等待扩展，未使用
slidefor: 'next',
showSpeed: 1000, //滑动速度，越小越快
beforeSlide: null, //进行滑动之前执行的函数
callback: null //callback
};

调用方式你可以单独对每个按钮调用：
复制代码 代码如下:
$("#step_one").multiSteps({beforeSlide:_beforeSlide,callback:_callback});
$(".prevStep").multiSteps({slidefor:'prev'});
$("#step_two").multiSteps({callback:function(){alert("第二步执行完成")}});

也可以用这种方式调用:$(".classs:not(.lastStep)").multiSteps();
已知的插件bug：
因时间仓促,插件的上一步操作，只进行了简单的可逆操作，
在宽度自适应的时候会存在问题:（上一步操作存在此问题）
当前步骤的前（后）两步在页面放大之后会出现在视野中，需要注意。
解决方法：
_getSteps中增加返回值oldstep（当前步骤的前（后）两步）
然后在_styleSteps中的left或right定位设置为一个不可见位置即可。
可等待我发布下一版本修订或者自己修改，修改后请告知,谢谢
完整演示Demo下载
完整插件代码以及部分注释：
复制代码 代码如下:
/** * @Version：1.0.0
* @date : 2011-07-20
* @Email : Ethan.zhu83@gmail.com
* @QQ : 12377166
* @Name ：multiSteps（多步骤滑动切换）
*
插件原型：http://plete:function(){
$(this).stop();
if(!$.multiSteps.resizing){
if(step>1){
var callback = $.multiSteps._get(inst, 'callback');
extendRemove(inst.settings, (callback ? callback.apply() : {}));
}
}
$.multiSteps.resizing=false;
}
}
);
//
//alert(slidefor);
//if(slidefor=='next')
$( '.' + steps.next ).css( { left: pos.right + 'px', opacity: 0.3 });

}
},
_getSteps: function(target,step) {
var currentStep=step;
var stepSize =$(this._formSteps).size();
var curr_step = 'step_'+ currentStep;
var prev_step = ( currentStep == 1&& currentStep<(stepSize+1)) ? null : 'step_'+ (currentStep-1);
var next_step = ( currentStep == stepSize ) ? null : 'step_'+ (currentStep+1);
return {curr: curr_step, prev: prev_step, next: next_step };
},
_getPositions: function() {
var offset = this._offset;
var step_width = $(this._formSteps).width() / 2;
//var window_width = $( window ).width();
var window_width = $(this._position).width();
//alert(window_width)
var offLeft = -3 * step_width;
var leftPos = offset - step_width;
var centerPos = window_width / 2;
var rightPos = window_width - offset + step_width;
var offRight = rightPos + ( 3 * step_width );
return { offLeft: offLeft, left: leftPos, center: centerPos, right: rightPos, offRight: offRight };
},
_pageRedraw: function() {
//$.multiSteps.resizing = false;
//alert($.multiSteps._currentStep);
//alert(currentStep);
$.multiSteps._styleSteps(this,300,$.multiSteps._currentStep);
},

_newInst: function(target) {
var id = target[0].id.replace(/([^A-Za-z0-9_-])/g, '\\\\$1'); // escape jQuery meta chars
return {
id: id,
obj: target
};
},

_get: function(inst, name) {
return inst.settings[name] !== undefined ?
inst.settings[name] : this._defaults[name];
},

_getInst: function(target) {
try {
return $.data(target, PROP_NAME);
}
catch (err) {
throw 'Missing instance data';
}
}
});
$( window ).resize( function() {
$.multiSteps.resizing = true;
//alert($.multiSteps.resizing);
if ( $.multiSteps.resizeTimer != null || $.multiSteps.resizeTimer =="undefined" ) {
window.clearTimeout( $.multiSteps.resizeTimer );
}
$.multiSteps.resizeTimer = window.setTimeout( $.multiSteps._pageRedraw, 300 );
});

function extendRemove(target, props) {
$.extend(target, props);
for (var name in props){
//alert(name);
if (props[name] == null || props[name] == undefined)
target[name] = props[name];
}
return target;
};

function isArray(a) {
return (a && (($.browser.safari && typeof a == 'object' && a.length) ||
(a.constructor && a.constructor.toString().match(/\Array\(\)/))));
};
$.fn.multiSteps = function(options){

if ( !this.length ) {
return this;
}

return this.each(function() {
$.multiSteps._attachMultiSteps(this, options);
});
};
$.multiSteps = new MultiSteps(); // singleton instance
$.multiSteps.resizing = false;
$.multiSteps.resizeTimer = null;
$.multiSteps.uuid = new Date().getTime();
})(jQuery)