この記事の例では、js を使用して 9 マスのグリッド画像の半透明のグラデーション効果を実現する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。 コードをコピー コードは次のとおりです: 9 マスグリッド画像の半透明グラデーション効果 .invisible {<br> フィルター: アルファ(不透明度=0)<br> }<br> <br /> <!--<br /> 関数 high(that2){<br /> theobject=どれ2<br /> 強調表示=setInterval("強調表示(オブジェクト)",50)<br /> }<br /> 関数 low(that2){<br /> clearInterval(強調表示)<br /> what2.filters.alpha.opacity=0<br /> }<br /> 関数ハイライトit(cur2){<br /> if (cur2.filters.alpha.opacity<100)<br /> cur2.filters.alpha.opacity =10<br /> else if (window.highlighting)<br /> clearInterval(強調表示)<br /> }<br /> //--><br /> border=0> height=90> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m01.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m02.jpg" border=0 width=180px height=135px> href=""> onmouseover=high(this) onmouseout=low(this) src="/images/m03.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m04.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m05.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m06.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m07.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m08.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m09.jpg" border=0 width=180px height=135px>
