基于jQuery的仿flash的广告轮播代码_jquery

整个页面如下：

复制代码 代码如下：

<标题>

<脚本 src="_Template/js/blockSlide.js" type="text/javascript">

div#imgADPlayer
{
边距：自动；
边距底部：4px；
宽度：960px；
高度：120px；
背景：url(../images/photo_01.jpg) 左上无重复；
内边距：0px；
边框：无；
明确：两者；
位置：相对；
}

div#imgADPlayer .smask
{
位置：绝对；
左：0px；
顶部：0px；
}


<身体>

;

;

$(document).ready(function () {
$("#AdTop").blockSlide({
速度: "正常",
数字: 4,
计时器: 3000 ,
流速: 300
})
});

备注：
速度：图片轮播速度
num：图片数量
定时器：自动轮播的时间间隔，计时器；
flowSpeed：是旋转移动的速度

blockSlide 插件源码如下：

复制代码 代码如下:

/**
* @author huajianhuakai*/
(function($)
{
$.fn.blockSlide = function(settings)
{
settings = jQuery.extend({
速度: "正常",
num: 4,
计时器: 1000,
flowSpeed: 300
}, settings)
return this.each (function()
{
$.fn.blockSlide.scllor($(this), settings);
});
$.fn.blockSlide.scllor = 函数($this, 设置)
{
var index = 0
var imgScllor = $("div:eq(0)>div", $this); >//自动播放
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);