js圖片，文字 漸變處理
<html>
<head>
<meta charset="utf-8" />
<title>圖片透明度漸變</title>
</head>
<style type="text/css">
*{margin:0;padding:0;}
#oDiv{width:200px;height:200px;margin:0 auto}
</style>
<body>
<div id="oDiv" style="opacity:1;" ><img src="http://e.hiphotos.baidu.com/image/pic/item/10dfa9ec8a13632746cef23e938fa0ec08fac79f.jpg"/></div>
</body>
<script type="text/javascript">
window.onload = function(){
var timer = setInterval(colorLiner,20);
var val = 0;
function colorLiner(){
if(val <= 100){
var oDiv = document.getElementById('oDiv');
oDiv.style.opacity = val/100;
val++;
}else{
clearInterval(timer);
}
}
}
</script>
</html>
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
spa頁面，不同組件按需引入js，aliplayer
(function(d, s, id) { let js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) retur