jquery.boxy 팝업 상자(N초 후에 자동으로 숨김/자동으로 점프)_jquery

이전에 Boxy 팝업 상자 사용에 대한 기사를 쓴 적이 있습니다( jquery.boxy 기본 참조). 오늘은 필요한 사항을 해결한 후 기록해 둘 가치가 있다고 생각하여 다른 기사를 작성하겠습니다. 네, 대화 상자가 나타난 후 N초 후에 자동으로 숨겨지고 자동으로 점프합니다!

효과는 그림과 같습니다:

캡슐화된 코드는 다음과 같습니다:

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

// boxy 대화 상자 확장
var Boxy_Extensions = {
options: {
title: 'Art Bar Tip',
closeText: 'x'
},
//팝업 후 N초 후 숨기기
alertDelayFun: 기능(정보, 타이머, options) {
options = $ .extend(this.options, options || {})
new Boxy("

" info "

", $.extend({ 동작: function () {
setTimeout('$(".boxy-wrapper"). hide();', 타이머);
}
}, options))
},
//팝업 후 자동으로 이동합니다
alertHrefFun: function (info, href , 옵션) {
옵션 = $.extend(this.options, 옵션 || {})
new Boxy("

" info "

", $.extend({ 동작: function () {
location.href = href;
}
}, options));
}
}

옵션 속성이 공개되어 있으므로 호출 시 옵션이 전달되는 경우 각 메서드에 고유한 옵션이 있습니다. 자신의 메소드에 $.extend를 전달하면

클래스의 options 속성 내용과 병합됩니다(해당 키의 값을 덮어쓰고 새 키 값을 확장하는 것). 객체 지향 원칙도 따라야 합니다. 하하!