先上代码:
引入js代码
(function(){
var defaults={
adWidth:1000, //广告宽度
adHeight:60, //广告高度
imgPages:5, //图片张数
imgType:'jpg', //图片格式
imgPath:'images/', //图片路径
//showEffect:'ease', //广告轮播效果
hrefArr:[] //a链接数组
};
$.fn.AdShow=function(options,undefined){
var opts=$.extend(defaults,options,undefined),
obj=$(this),
current=0,
timer=null,
//初始化
Init=function(){
var oAdBox=$('
');
obj.append(oAdBox);
//创建图片
for(var i=0;i'):$('');
var oA=(opts.hrefArr.length!=1)?$(''):$('');
oA.append(img);
oLi.append(oA);
oAdBox.append(oLi);
};
newImg.src=opts.imgPath+(i+1)+'.'+opts.imgType;
})(i);
}
},
ShowNow=function(){
timer=setInterval(function(){
current++;
if(current
页面布局
js广告
问题就在下边,请大神指导
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
有两个问题:
$.extend(defaults,options,undefined) 这段代码会把options的值改入defaults并返回defaults,这样一是defaults被污染了,而是两个轮播共用了同一个opts。应该写成:$.extend({},defaults,options)
$('.ad-wrapper') 应该改成obj.find('.ad-wrapper'),只修改自己下面的显示。