프리카운터넷

프로그래밍&개발

기존 공부방

자바스크립트로 인버트필터를 제어해본 예제 입니다.

마우스가 올라오면 색이 반전(인버트)됩니다

아래 그림위에 마우스를 올려 보세요


	[소스] <p align="center"> <b><font color="#003399">아래 그림위에 마우스를 올려 보세요</font></b><br> <img src="003_1.jpg" style="filter:invert(enabled=0)" onmouseout="colors(this)" onmouseover="inverts(this)"><br> <img src="003_2.jpg" style="filter:invert(enabled=0)" onmouseout="colors(this)" onmouseover="inverts(this)"><br> </p> <script language="JavaScript"> <!-- function inverts(str) // 그림을 흑백으로 만들어 주는 스크립트 { str.filters[0].enabled=1 } function colors(str) // 그림을 컬러로 만들어 주는 스크립트 { str.filters[0].enabled=0 } //--> </script>