transform版點選彈窗2

新增遮罩層,彈回動畫,支援滾動,優化

function

box_show2(obj,id,on));
}}box_show2.prototype= 
else
; },
start:
function
(e,on);
if(on) 
};return
this
; },
css:
function
(obj,style,attr)); 
obj.style['moz'+style]=attr;
obj.style['webkit'+style]=attr;
obj.style['o'+style]=attr;
},animate:
function
(obj,json);
for(var attr in
json);
var docstyle=document.documentelement.style;
var ie=true
; 
if('transform' in docstyle||'otransform' in docstyle||'webkittransform' in docstyle||'moztransform' in
docstyle)
if(ie)
else
this.box.style.left = this.oleft+'px';
this.box.style.top = this.otop+'px';
}else
else
var num='scale('+o/100+','+o/100+')';
_this.css(obj,'transform',num);
}else
if(value[attr]!=json[attr])
}if(stop) ;
},20);}},
bind:
function
(); 
for (var i = 0; i < clo.length; i++) 
};clo.onclick = function
() ;
document.onkeyup = function
(event) 
};},
end: 
function
() )
document.body.removechild(
this
.odiv);
document.onkeyup = null
; window.onresize = null
; window.onscroll = null
; },
position: 
function
(obj) ,
move: 
function
() }

不相容ie6.

呼叫方法new box_show2(dom,id,boolean);//dom:按鈕dom,id:彈窗id,boolean:是否隨屏滾動.

//例:var btn=document.getelementbyid('a');

new box_show2(btn,'id',true);//點選id為a的元素開啟id為id的彈窗,並支援隨屏滾動.

網頁彈窗自動點選確認 UI介面移動端彈窗設計（一）

彈窗 彈窗作用 1 中斷使用者當前操作，對其作出補充 2 中斷使用者當前操作，對其作出反饋 彈窗型別 1 模態彈窗 2 非模態彈窗 一 警告框 對話方塊 alert dialog ui介面中最常見的模態彈窗。在ios與material design中分別稱作alert 警告框 與dialog 對話方...

點選頁面其他地方隱藏彈窗

doctype html html head meta charset utf 8 title title script src js jquery 2.1.3.min.js script style tip style head body button 點我 button div class ti...

JS實現點選空白處彈窗消失

doctype html html lang en head meta charset utf 8 meta name viewport content width device width,initial scale 1.0 title 點選空白處彈窗消失 title style input te...