其的就不多说啦，直接上代码：
jquery 插件：
复制代码 代码如下:
/*
疯狂秀才 制作 于 2012-04-24 17:00
qq: 1055818239
email: hxl_apple@163.com
*/
(function($){
$.fn.quickad = function(settings){
settings = $.extend({
width:760,
height:400,
html:'我是广告内容',
top:130,
sec:5, //广告显示时长，单位秒
border:true //显示外框
},settings);
var fkxc_ad = 0;
var bodywidth = $(window).width();
var _adbodycontainerid = bigad_+settings.width;
var _adclosecontainerid = bitadclose_+settings.width;
var closehtml = '广告剩余 秒 关 闭';
//广告内容容器
var _adcontent = '
';
//关闭按钮容器
var _adclosebtn = ''+closehtml+'
';
var self = $(this);
$(this).empty().html(_adcontent+_adclosebtn);
$('#__close_ad').click(function(){
window.cleartimeout(fkxc_ad);
self.fadeout();
})
if(settings.border){
$('#'+_adbodycontainerid).css('border','1px solid #ccc');
}
$('#'+_adbodycontainerid).empty().html(settings.html).css({
'width':settings.width+'px',
'height':settings.height+'px',
'position': 'fixed',
'z-index': 20000,
'top':settings.top+'px',
'left':(bodywidth - settings.width) / 2 + 'px'
}).fadein('fast');
$('#'+_adclosecontainerid).css({
'width':'160px','height':'18px','line-height':'18px','background-color':'#ccc',
'text-align': 'center', 'opacity': '0.8','top':settings.top+'px','position': 'fixed',
'left':((bodywidth - settings.width) / 2+(settings.width-160)) + 'px', 'z-index': 20001
}).show();
var daojishi = function (s) {
fkxc_ad = setinterval(function () {
if (s == 0) {
self.fadeout();
}
$(#__sec).text(s);
s--;
}, 1000);
}
daojishi(settings.sec)
}
})(jquery)
html:
复制代码 代码如下:
ok啦！