最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js显示,隐藏函数
时间:2022-06-25 15:19:55 编辑:袖梨 来源:一聚教程网
var hide = function(obj,speed,fn){
obj = $(obj);if (!speed) {
obj.style.display = 'none';
return;
}
else{
speed = speed==='fast'?20:speed==='normal'?30:50;
obj.style.overflow = 'hidden';
}
//获取dom的宽与高
var owidth'), ohttps://www.111cn.net/cssdiv/css.html" target="_blank">css(obj,'height');
//每次dom的递减数(等比例)
var wcut = 10*(+owidth.replace('px','') / +oheight.replace('px','')),hcut = 10;
//处理css教程函数
var process = function(width,height){
width = +width-wcut>0?+width-wcut:0;
height = +height-hcut>0?+width-hcut:0;
//判断是否减完了
if(width !== 0 || height !== 0) {
obj.style.px';
obj.style.px';settimeout(function(){process(width,height);},speed);
}
else {
//减完后,设置属性为隐藏以及原本dom的宽与高
obj.style.display = 'none';
obj.style.width = owidth;
obj.style.height = oheight;
if(fn)fn.call(obj);
}
}
process(owidth.replace('px',''),oheight.replace('px',''));
}
显示函数
动画var show = function(obj,speed,fn){
obj = $(obj);
if (!speed) {
obj.style.display = 'block';
return;
}
else{
speed = speed==='fast'?20:speed==='normal'?30:50;
obj.style.overflow = 'hidden';
}var owidth').replace('px',''), oheight').replace('px','');
var wadd = 10*(+owidth / +oheight),hadd = 10;obj.style.+'px';
obj.style.+'px';
obj.style.display = 'block';var process = function(width,height){
width = +owidth-widthheight = +oheight-height if(width !== +owidth || height !== +oheight) {
obj.style.px';
obj.style.px';settimeout(function(){process(width,height);},speed);
}
else {
obj.style.px';
obj.style.px';
if(fn)fn.call(obj);
}
}
process(0,0);
}
相关文章
- yandex官网登录入口-yandex国际版登录入口 10-27
- Yandex网页版访问入口 Yandex搜索引擎官网登录 10-26
- AI漫剧伪装直男1‑24集无雾版夸克网盘资源免费分享 10-26
- 韩漫在线免费漫画入口-最新韩漫免费阅读入口 10-26
- 海角社区最新登录入口-2026海角官网在线登录直达地址 10-26
- mcjs网页版即点即玩-mcjs极速秒玩入口 10-23