ホームページ > 記事 > ウェブフロントエンド > JavaScript 画像フェード効果 code_image 特殊効果
JavaScript 画像フェード効果 code_image 特殊効果
- WBOYオリジナル
- 2016-05-16 19:04:22830ブラウズ
次の JAVASCRIPT コードを
と の間に挿入します:[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります
*ここで、 onMouseOver=nereidFade( style="FILTER: alpha(opacity=50)" in this,50,10,4) は、画像の透明度が 50% であることを意味します <script> nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } </script>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。