整个页面如下：
复制代码 代码如下:
注释：
speed：图片轮播速度
num：图片数量
timer：自动轮播的时间间隔，定时器；
flowspeed：是滑块移动的速速度
blockslide插件源码如下：
复制代码 代码如下:
/**
* @author huajianhuakai */
(function($)
{
$.fn.blockslide = function(settings)
{
settings = jquery.extend({
speed: normal,
num: 4,
timer: 1000,
flowspeed: 300
}, settings);
return this.each(function()
{
$.fn.blockslide.scllor($(this), settings);
});
};
$.fn.blockslide.scllor = function($this, settings)
{
var index = 0;
var imgscllor = $(div:eq(0)>div, $this);
var timerid;
//自动播放
var mytime = setinterval(function()
{
showjqueryflash(index);
index++;
if (index == settings.num)
index = 0;
}, settings.timer);
var showjqueryflash = function(i)
{
$(imgscllor).eq(i).animate({ opacity: 1 }, settings.speed).css({ z-index: 100 }).siblings().animate({ opacity: 0 }, settings.speed).css({ z-index: 0 });
}
}
})(jquery);