>웹 프론트엔드 >JS 튜토리얼 >모방 중관촌 온라인 홈페이지 팝업 광고 플러그인(jQuery 버전)_jquery

모방 중관촌 온라인 홈페이지 팝업 광고 플러그인(jQuery 버전)_jquery

WBOY
WBOY원래의
2016-05-16 17:53:581691검색

말할 것도 없이 그냥 코드로 가세요:
jquery 플러그인:

코드 복사 코드는 다음과 같습니다. :

/*
Crazy Scholar 제작일 2012-04-24 17:00
QQ: 1055818239
email: hxl_apple@163.com
*/
(함수( $){
$.fn.quickAd = 함수(설정){
settings = $.extend({
너비:760,
높이: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','ground-color':'#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 = 함수(들) {
fkxc_ad = setInterval(function () {
if (s == 0) {
self.fadeOut();
}
$("#__sec").text(s);
s --;
}, 1000);
}
daojishi(settings.sec)
}
})(jQuery)


HTML:


<script> <BR>$(function(){ <BR>$('#testad').quickAd({ <BR>html:'<img src="11_523049_88a5614dc705882 (1 ).jpg" 너비 =760 높이=400 />' <BR>}); <BR>}) <BR></script>


알겠습니다!
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.