以下是参数说明：
| 参数名称 | 描述 |
| delay | 图片切换速度，单位毫秒 |
| maskOpacity | 遮罩层透明度，1为不透明，0为全透明 |
| numOpacity | 数字按钮透明度，1为不透明，0为全透明 |
| maskBgColor | 遮罩层背景色 |
| textColor | 标题字体颜色 |
| numColor | 数字按钮字体颜色 |
| numBgColor | 数字按钮背景色 |
| alterColor | 数字按钮选中项字体颜色 |
| alterBgColor | 数字按钮选中项背景颜色 |
– 插件名称：ImageScroll
(function($){
$.fn.ImageScroll = function(options) {
var defaults = {
delay: 2000,
maskOpacity: 0.6,
numOpacity: 0.6,
maskBgColor: “#000”,
textColor: “#fff”,
numColor: “#fff”,
numBgColor: “#000”,
alterColor: “#fff”,
alterBgColor: “#999”
};
options = $.extend(defaults, options);
var _this = $(this).css(“display”, “none”);
var _links = [], _texts = [], _urls = [];
var _list = _this.find(“a”);
var _timer;
var _index = 0;
_list.each(function(index){
var temp = $(this).find(“img:eq(0)”);
_links.push($(this).attr(“href”));
_texts.push(temp.attr(“alt”));
_urls.push(temp.attr(“src”));
});
if(_list.length <= 0) {
return;
}
else {
_this.html(“”);
}
var _width = _this.width();
var _height = _this.height();
var _numCount = _list.length;
var _numColumn = Math.ceil(_numCount / 2);
var _img = $(“<a/>”).css({“display”:”block”, “position”:”absolute”,”top”:”0px”,”left”:”0px”, “z-index”:”2″, “width”:_width+”px”, “height”:_height+”px”, “background”:”url(“+_urls[0]+”)”}).appendTo(_this);
var _mask = $(“<div/>”).attr(“style”,”opacity:”+options.maskOpacity)
.css({“position”:”absolute”, “left”:”0px”, “bottom”:”0px”, “z-index”:”3″, “width”:_width+”px”, “height”:”46px”, “opacity”:options.maskOpacity, “background-color”:options.maskBgColor}).appendTo(_this);
