首頁 > web前端 > js教程 > 原生Js實作元素漸隱/漸現(原理為修改元素的css透明度)_javascript技巧

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

WBOY
發布: 2016-05-16 17:31:31
原創
1737 人瀏覽過

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

複製程式碼



複製程式碼



複製程式碼



複製程式碼


程式碼如下:






原生Js元素漸隱/漸顯方法




原生Js實作元素漸隱/漸現(原理為修改元素的css透明度)_javascript技巧
clearTimeout(time); } } },30); } var img = document.getElementById("img"); document.getElementById("show").onclick = function( ){ alphaPlay(img,"show"); } document.getElementById("hiden").onclick = function(){ alphaPlay(img,"hiden"); }
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板