71 lines
1.4 KiB
JavaScript
71 lines
1.4 KiB
JavaScript
|
var prox;
|
||
|
|
var proy;
|
||
|
|
var proxc;
|
||
|
|
var proyc;
|
||
|
|
function showBox(id){
|
||
|
|
clearInterval(prox);
|
||
|
|
clearInterval(proy);
|
||
|
|
clearInterval(proxc);
|
||
|
|
clearInterval(proyc);
|
||
|
|
var o = document.getElementById(id);
|
||
|
|
o.style.display = "block";
|
||
|
|
|
||
|
|
prox = setInterval(function(){
|
||
|
|
openx(o,o.style.width)
|
||
|
|
},10);
|
||
|
|
}
|
||
|
|
function openx(o,x){
|
||
|
|
var cx = parseInt(o.style.width);
|
||
|
|
if(cx < x){
|
||
|
|
o.style.width = (cx + Math.ceil((x-cx)/5)) +"px";
|
||
|
|
}else{
|
||
|
|
clearInterval(prox);
|
||
|
|
proy = setInterval(function(){
|
||
|
|
openy(o,o.style.height)
|
||
|
|
},10);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function openy(o,y){
|
||
|
|
var cy = parseInt(o.style.height);
|
||
|
|
if(cy < y){
|
||
|
|
o.style.height = (cy + Math.ceil((y-cy)/5)) +"px";
|
||
|
|
}else{
|
||
|
|
clearInterval(proy);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function closeedBox(id){
|
||
|
|
clearInterval(prox);
|
||
|
|
clearInterval(proy);
|
||
|
|
clearInterval(proxc);
|
||
|
|
clearInterval(proyc);
|
||
|
|
var o = document.getElementById(id);
|
||
|
|
if(o.style.display == "block"){
|
||
|
|
proyc = setInterval(function(){
|
||
|
|
closey(o)
|
||
|
|
},10);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function closey(o){
|
||
|
|
var cy = parseInt(o.style.height);
|
||
|
|
if(cy > 0){
|
||
|
|
o.style.height = (cy - Math.ceil(cy/5)) +"px";
|
||
|
|
}else{
|
||
|
|
clearInterval(proyc);
|
||
|
|
proxc = setInterval(function(){closex(o)},10);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function closex(o){
|
||
|
|
var cx = parseInt(o.style.width);
|
||
|
|
if(cx > 0){
|
||
|
|
o.style.width = (cx - Math.ceil(cx/5)) +"px";
|
||
|
|
}else{
|
||
|
|
clearInterval(proxc);
|
||
|
|
o.style.display = "none";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|