Webページで画像のグラデーション表示をよく見かけるので、自分でも書いてみることにしました。 原理は非常に単純です。要素の CSS 透明度を変更します。 オンライン プレビュー: http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ コードをコピー コードとして ネイティブ Js 要素のフェード/フェード メソッド フェードイン フェードイン <br>function alphaPlay(obj,method) { //メソッドは2 つの値を表示または非表示にする <br>var n = (method == "show") ? 0 : 100, <br>ie = (window.ActiveXObject) ? true : false; (){ <br>if(method == "show"){ <br>if(n n =10; <br>if(ie){ <br>obj .style.cssText = "filter:alpha(opacity=" n ")"; <br>}else{ <br>(n==100) ? obj.style.opacity = "0 ." <br>} <br>}else{ <br>clearTimeout(time); <br>} <br>}else{ <br>if(n > 0){ <br>n-=10 ; if(ie){ <br>obj.style.cssText = "filter:alpha(opacity=" n ")"; <br>}else{ <br>obj.style.opacity = "0." >} <br>}else{ <br>clearTimeout(time); <br>} <br>},30); <br>} <br>var img = document.getElementById( "img") ; <br>document.getElementById("show").onclick = function(){ <br>alphaPlay(img,"show"); <br>} <br>document.getElementById("hiden") .onclick = function (){ <br>alphaPlay(img,"hiden") <br>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
