原生Js實作元素漸隱/漸現(原理為修改元素的css透明度)_javascript技巧

常看到網頁裡圖片漸層顯示，自己寫一個。
原理很簡單就是修改元素的css透明度。
線上預覽效果：http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/

複製程式碼

複製程式碼

複製程式碼



複製程式碼



複製程式碼


程式碼如下:









漸顯化
漸隱

clearTimeout(time); } } },30); } var img = document.getElementById("img"); document.getElementById("show").onclick = function( ){ alphaPlay(img,"show"); } document.getElementById("hiden").onclick = function(){ alphaPlay(img,"hiden"); }