丁南娱乐

全部频道

您的当前位置：首页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);


显示全文