欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

原生Js實(shí)現(xiàn)元素漸隱/漸現(xiàn)(原理為修改元素的css透明度)

 更新時(shí)間：2013年06月24日 16:44:57   作者：  
大家經(jīng)?？吹骄W(wǎng)頁里圖片漸變顯示，自己寫一個(gè)。原理很簡單就是修改元素的css透明度，具體實(shí)現(xiàn)代碼如下，感興趣的各位可以參考下哈，希望對(duì)大家有所幫助
經(jīng)?？吹骄W(wǎng)頁里圖片漸變顯示，自己寫一個(gè)。
原理很簡單就是修改元素的css透明度。
在線預(yù)覽效果：http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/
復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>原生Js元素漸隱/漸顯方法</title>
</head>
<body>
<button id="show">漸顯</button>
<button id="hiden">漸隱</button>
<img src="http://images.cnitblog.com/blog/150659/201306/20171658-303d375a1ec740e29a567b269d6297f1.jpg" id="img">
<script type="text/javascript">
function alphaPlay(obj,method){ //method有兩個(gè)值show或hiden
var n = (method == "show") ? 0 : 100,
ie = (window.ActiveXObject) ? true : false;
var time = setInterval(function(){
if(method == "show"){
if(n < 100){
n+=10;
if(ie){
obj.style.cssText = "filter:alpha(opacity="+n+")";
}else{
(n==100) ? obj.style.opacity = 1 : obj.style.opacity = "0."+n;
}
}else{
clearTimeout(time);
}
}else{
if(n > 0){
n-=10;
if(ie){
obj.style.cssText = "filter:alpha(opacity="+n+")";
}else{
obj.style.opacity = "0."+n;
}
}else{
clearTimeout(time);
}
}
},30);
}
var img = document.getElementById("img");
document.getElementById("show").onclick = function(){
alphaPlay(img,"show");
}
document.getElementById("hiden").onclick = function(){
alphaPlay(img,"hiden");
}
</script>
</body>
</html>

相關(guān)文章

最新評(píng)論