ホームページ  >  記事  >  ウェブフロントエンド  >  中関村模倣オンラインホームページポップアップ広告プラグイン(jQuery版)_jquery

中関村模倣オンラインホームページポップアップ広告プラグイン(jQuery版)_jquery

WBOY
WBOYオリジナル
2016-05-16 17:53:581672ブラウズ

あまり言う必要はありません。コードに移動します。
jquery plug-in:

コードをコピー コードは次のとおりです。 :

/*
Crazy Scholar 2012-04-24 17:00 作成
QQ: 1055818239
email: hxl_apple@163.com
*/
(function( $){
$.fn.quickAd = function(settings){
settings = $.extend({
幅:760,
高さ:400,
html: '私は広告です Content',
top:130,
sec:5, //広告表示時間、単位秒
border:true //外枠を表示
},settings); 🎜>var fkxc_ad = 0;
var bodyWidth = $(window).width();
var _adBodyContainerID = "bigAd_" settings.width; >var closeHtml = ' 残りの広告Close';広告コンテンツ コンテナ
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 ソリッド #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({
'幅':'160px','高さ':'18px','行の高さ':'18px','背景色':'#ccc',
'text-align': 'center', 'opacity': '0.8','top':settings.top 'px','position': 'fixed',
'left':((bodyWidth - 設定 .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:



コードをコピーします
コードは次のとおりです。
<script> </span>$(function(){ </div>$('#testad').quickAd({ <div class="codebody" id="code69512">html:'<img src="11_523049_88a5614dc705882 (1) ).jpg" width =760 height=400 />' <br>}); <br>}) <br></script>


OK!
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。