您好,欢迎来到丁南娱乐。
搜索
您的当前位置:首页js控制淡入淡出示例代码_javascript技巧

js控制淡入淡出示例代码_javascript技巧

来源:丁南娱乐


相对来说可以让初学者看一下,并不太实用,可能jquery4条语句就能解决,但是原生相对有参照性,了解最终原理才是关键。
代码如下:




无标题文档


var i = 100;
function $(id) {return document.getElementById(id);}
function chang_display() { i--;
var div = $('div_test');
div.style.filter = "Alpha(Opacity="+i+")";
div.style.opacity = i / 100;
if ( i== "0")
{document.getElementById('div_test').style.display="none";//隐藏
exit
}

}
/*控制div隐藏*/
function hid() {
setInterval(chang_display, 1);
}





123123123


var j = 0;
function $(id) {return document.getElementById(id);}
function turn_display()
{ j++;
var div = $('div_test');
div.style.filter = "Alpha(Opacity="+j+")";
div.style.opacity = j / 100;
if ( j== "0")
{document.getElementById('div_test').style.display="none";//隐藏
exit
}
}
setInterval(turn_display, 1);


Copyright © 2019- dingnang.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务