カプセル化されたネイティブ JavaScript ポップアップ レイヤー code_layout とレイヤー

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

';
Hongru.box.open(要素,オプション);

function late(){//回调
if(($('sure-btn') && $('cancel-btn')) != null){
clearInterval(checkComplete) ;
//alert('yes');
$('sure-btn').onclick = function(){
if(isFunction(sureCall)){sureCall.call(this);}
}
$('cancel-btn ').onclick = function(){
if(isFunction(cancelCall)){cancelCall.call(this);}
Hongru.box.hide();
}
}}
var checkComplete = setInterval(delay,100);
}
}
}();
Hongru.page=function(){
return{
top:function(){return document.documentElement.scrollTop||document.body.scrollTop},
width:function(){return self.innerWidth||document.documentElement.clientWidth||document.body.clientWidth}、
height:function(){return self.innerHeight||document.documentElement.clientHeight||document.body.clientHeight}、
total:function(d){
var b=document.body, e=document.documentElement;
return d?Math.max(Math.max(b.scrollHeight,e.scrollHeight),Math.max(b.clientHeight,e.clientHeight)):
Math.max(Math.max(b.スクロール幅,e.scrollWidth),Math.max(b.clientWidth,e.clientWidth))
}
}
}();
// ]]>

オプションパラメータを設定しないボックス（默认高200px、宽300px）
通常設定高宽のボックス
高宽自适应コンテンツ高宽のボックス
なし带预ダウンロードアニメ画的ボックス
延迟自动消失的ボックス
タイトル自制的ボックス
不带标题栏的ボックス
不带标题栏关闭按钮的ボックス
带按钮および回调パラメータのボックス

は、Hongru.box.open(con,options) 関数を使用します。パラメータ con は、レイヤの主要なコンテンツを表示します。オプションはオブジェクトであり、パラメータの前に

复制代码代码如下:

{
width:300 //カスタマイズされた、ポップアップ レイヤー本体 (境界線とタイトル バーの幅を除く)、0 の場合に適応します。
height:200//カスタマイズされた、ポップアップ レイヤー本体 (境界線とタイトル バーの高さを除く)、0 の場合に適応されます。
isPre:1 // true または false、プリロードされた背景画像があるかどうか、
time:0 // 自動終了時間を秒単位で遅延させ、0 ではトリガーされません
title:'' // 自動的に終了タイトルを定義します
isBar:1 //true または false、タイトル バーの有無
isShut:1 //閉じるボタンの有無
}

もう 1 つのホングル。 box.ask( con, options,surecall, cancelcall) は、ボタン付きのプロンプト ボックスです。コールバック関数の最初の 2 つのパラメーターは上記と同じで、最後の 2 つのパラメーターは 'confirm' と 'cancel' のコールバック関数です。 ' それぞれ、透明度のグラデーションとサイズを追加する
、透明度のグラデーションのメイン関数は次のとおりです:

コードをコピーします

showsourceviewsourceprint? alphaAnim:function(obj,destination,direction){
var opacity = Math.round(obj.style.opacity*100); if(opacity == destination){
clearInterval(obj.animing) ;
if(direction == -1){
obj.style.display='none'; ?Hongru.box.alpha(mask,-1,0):content.innerHTML=box.style.backgroundImage='';
}else{
curOptions = {width:_width,height:_height,isPre: isPreload}
obj ==マスク?this.alpha(box,1,100 ):Hongru.box.fill(_content,curOptions);
}
}else{
var n=Math.ceil( (opacity ((destination-opacity)*.5))); n= n==1?0:n;
obj.style.filter='alpha (opacity=' n ')';
}
} ,


ボックス サイズの勾配関数本体は次のとおりです:

コードをコピーします コードは次のとおりです: showsourceviewsourceprint?sizeAnim:function(obj,width,otherW,wFlag,height,otherH,hFlag) {

var objW = obj.offsetWidth-otherW, objH = obj.offsetHeight-otherH;

if(objW == 幅 && objH == 高さ){
clearInterval(obj.sizing); box.style.backgroundImage='none';
content.style.display='block';
}else{
if(objW!=width){
var n = objW ((width -objW)*.5);
obj.style.width = wFlag?Math.ceil( n) 'px':Math.floor(n) 'px';
}
if(objH! =height){
var n = objH ((height-objH)*.5);
obj.style.height = hFlag?Math.ceil(n) 'px':Math.floor(n) ' px';
}
this.pos();
}
},


これ以上はナンセンスです。パッケージをダウンロードするためにソース ファイルを添付してください:
こちらをクリック

良いと思ったら下記をクリックお願いします