jquery -> toast 효과
1758 단어 jquery
/**
* android Toast ,
* @param config
* @return
*/
var Toast = function(config){
this.context = config.context==null?$('body'):config.context;//
this.message = config.message;//
this.time = config.time==null?3000:config.time;//
this.left = config.left;//
this.top = config.top;//
this.init();
}
var msgEntity;
Toast.prototype = {
//
init : function(){
$("#toastMessage").remove();
//
var msgDIV = new Array();
msgDIV.push('<div id="toastMessage" style="border-radius:18px;-moz-opacity:0.6;opacity:0.6;">');
msgDIV.push('<span>'+this.message+'</span>');
msgDIV.push('</div>');
msgEntity = $(msgDIV.join('')).appendTo(this.context);
//
var left = this.left == null ? this.context.width()/2-msgEntity.find('span').width()/2 : this.left;
var top = this.top == null ? '20px' : this.top;
msgEntity.css({position:'absolute',bottom:top,'z-index':'99',left:left,'background-color':'black',color:'white','font-size':'15px',padding:'10px',margin:'10px'});
msgEntity.hide();
},
//
show :function(){
msgEntity.fadeIn(this.time/2);
msgEntity.fadeOut(this.time/2);
}
}
new Toast({context:$('body'),message:'Toast '}).show();
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.