Imitation Zhongguancun Online homepage pop-up advertising plug-in (jQuery version)_jquery

Not much to say, just go to the code:
jquery plug-in:

Copy code The code is as follows:

/*
Crazy Scholar produced on 2012-04-24 17:00
QQ: 1055818239
email: hxl_apple@163.com
*/
(function( $){
$.fn.quickAd = function(settings){
settings = $.extend({
width:760,
height:400,
html:'I am an advertisement Content',
top:130,
sec:5, //Ad display duration, unit seconds
border:true //Display outer frame
},settings);
var fkxc_ad = 0;
var bodyWidth = $(window).width();
var _adBodyContainerID = "bigAd_" settings.width;
var _adCloseContainerID = "bitAdClose_" settings.width;
var closeHtml = ' Advertising remaining<span id="__sec"></span> seconds<a href="javascript:;" id="__close_ad">Close</a>';
//Advertising content Container
var _adContent = '<div id="' _adBodyContainerID '"></div>';
//Close button container
var _adCloseBtn = '<div id="' _adCloseContainerID '">' closeHtml '</div>';
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:

Copy code The code is as follows:

<div id="testad"></div>
<script>
$(function(){
$('#testad').quickAd({
html:'<img src="11_523049_88a5614dc705882 (1).jpg" width =760 height=400 />'
});
})
</script>

Ok!