이 기사의 예에서는 js를 사용하여 9각형 그리드 이미지의 반투명 그라데이션 효과를 얻는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. 9개의 정사각형 격자 그림 반투명 그라데이션 효과 .invisible {<br> 필터: 알파(불투명도=0)<br> }<br> </스타일><p><SCRIPT 언어=JavaScript1.2><br> <!--<br /> 함수 high(which2){<br /> theobject=which2<br /> highlighting=setInterval("highlightit(theobject)",50)<br /> }<br /> 함수 low(which2){<br /> ClearInterval(강조표시)<br /> which2.filters.alpha.opacity=0<br /> }<br /> 함수 하이라이트(cur2){<br /> if (cur2.filters.alpha.opacity<100)<br /> cur2.filters.alpha.opacity =10<br /> else if(window.highlighting)<br /> ClearInterval(강조표시)<br /> }<br /> //--><br> </스크립트><br> <TABLE borderColor=#999999 cellSpacing=8 cellPadding=0 너비=302 <br /> 테두리=0><TBODY><br> <TR><br> <TD 너비=90 배경=text1.gif bgColor=#db4d0e <br /> height=90><A href=""><IMG <br /> 클래스=보이지 않음 onmouseover=높음(this) onmouseout=낮음(this) <br /> src="/images/m01.jpg" 테두리=0 너비=180px 높이=135px></A></TD><br> <TD width=90 background=text2.gif bgColor=#ff9f07><A <br /> href="/"><IMG <br /> 클래스=보이지 않음 onmouseover=높음(this) onmouseout=낮음(this) <br /> src="/images/m02.jpg" 테두리=0 너비=180px 높이=135px></A></TD><br> <TD width=90 background=text3.gif bgColor=#ff9f07><A <br /> href=""><IMG 클래스=보이지 않음 <br /> onmouseover=높음(이) onmouseout=낮음(이) src="/images/m03.jpg" <br /> 테두리=0 너비=180px 높이=135px></A></TD></TR><br> <TR><br> <TD background=text4.gif bgColor=#ff9f07><A <br /> href="/"><IMG <br /> 클래스=보이지 않음 onmouseover=높음(this) onmouseout=낮음(this) <br /> src="/images/m04.jpg" 테두리=0 너비=180px 높이=135px></A></TD><br> <TD background=text5.gif bgColor=#a5d523><A <br /> href="/"><IMG <br /> 클래스=보이지 않음 onmouseover=높음(this) onmouseout=낮음(this) <br /> src="/images/m05.jpg" 테두리=0 너비=180px 높이=135px></A></TD><br> <TD background=text6.gif bgColor=#c56e19><A <br /> href="/"><IMG <br /> 클래스=보이지 않음 onmouseover=높음(this) onmouseout=낮음(this) <br /> src="/images/m06.jpg" 테두리=0 너비=180px 높이=135px></A></TD></TR><br> <TR><br> <TD background=text12.gif bgColor=#ff9f07><A <br /> href="/"><IMG <br /> 클래스=보이지 않음 onmouseover=높음(this) onmouseout=낮음(this) <br /> src="/images/m07.jpg" 테두리=0 너비=180px 높이=135px></A></TD><br> <TD background=text8.gif bgColor=#c56e19><A <br /> href="/"><IMG <br /> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m08.jpg" <br /> 테두리=0 너비=180px 높이=135px></A></TD><br> <TD background=text7.gif bgColor=#c56e19><A <br /> href="/"><IMG <br /> 클래스=보이지 않음 onmouseover=높음(this) onmouseout=낮음(this) <br /> src="/images/m09.jpg" border=0 너비=180px 높이=135px></A></TD></TR></TBODY></TABLE><br> </본문><br> </p> </div>
