ASP
자료제공 사이트
ASP 소스창고
ASP 강좌
C
C 소스창고
C 강좌
기본 소스
메뉴
버튼
이미지
기타효과
유용한 사이트
CSS
DATABASE
MSSQL
MySQL
Oracle
기타관련 사이트
DB다이어그램
HTML
HTML 강의
템플릿 자료
DHTML 관련
JAVA,JSP
JAVA 애플릿
JSP 강좌
JSP 소스창고
관련홈페이지
JAVASCRIPT
javascript 소스창고
javascript 강좌
PERL
PERL 소스창고
PERL 강좌
PHP
PHP 소스창고
PHP 강좌
OPEN API
LINUX
관련 사이트
라이브러리
리눅스 서버 관련
문서번역
MOBILE
MOBILE웹
안드로이드
IOS
DESIGN
이미지 자료
아이콘 자료
동영상 자료
폰트 관련사이트
폰트 다운로드
기타 자료
디자인 강의
굿디자인 사이트
FLASH
기타 플래쉬
프로그램연동
템플릿
텍스트효과
키보드,마우스
컴포넌트
이미지효과
메뉴관련
멀티미디어
날짜,시계
플래쉬게임
FREE
랭킹순위
서비스업체
무료통계
무료카운터
무료웹호스팅
무료앨범
무료방명록
무료메모장
무료도메인
무료게시판
웹하드
UTILITY
HTML 제작
편집기
텔넷,SSH
이미지편집기
설치형 윈도우 서버
다중모니터
기 타
FTP
HTML Link Validation
WINDOW
Apache
리더프로그램
영상 인코더
<B>1. 불투명도를 조정한 롤오버 예제</B><br><a href="#" onMouseOut="menu01.style.filter='alpha(opacity=50)';" onMouseOver="menu01.style.filter = 'none';"><img src="http://demo.happycgi.com/jini/pick1.jpg" width="100" height="70" name="menu01" border="0" STYLE='filter:alpha(opacity=50);'></a>-style filter를 이용한 태그입니다 A링크에 onMouseOut에 name값을 입력해주신다음 filter에 opacity값을 입력해줍니다.<a href="#" onMouseOut="menu02.style.filter='alpha(opacity=50)';" onMouseOver="menu02.style.filter = 'none';"><img src="http://demo.happycgi.com/jini/pick2.jpg" width="100" height="70" name="menu02" border="0" STYLE='filter:alpha(opacity=50);'></a><a href="#" onMouseOut="menu03.style.filter='alpha(opacity=50)';" onMouseOver="menu03.style.filter = 'none';"><img src="http://demo.happycgi.com/jini/pick3.jpg" width="100" height="70" name="menu03" border="0" STYLE='filter:alpha(opacity=50);'></a><p>
<B>2. 롤오버시 흑백->칼라로 전환</B><br><a href="#" onMouseOut="menu04.style.filter='gray';" onMouseOver="menu04.style.filter = 'none';"><img src="http://demo.happycgi.com/jini/pick4.jpg" width="100" height="70" name="menu04" border="0" STYLE='filter:gray();'></a><a href="#" onMouseOut="menu05.style.filter='gray';" onMouseOver="menu05.style.filter = 'none';"><img src="http://demo.happycgi.com/jini/pick5.jpg" width="100" height="70" name="menu05" border="0" STYLE='filter:gray();'></a><a href="#" onMouseOut="menu06.style.filter='gray';" onMouseOver="menu06.style.filter = 'none';"><img src="http://demo.happycgi.com/jini/pick6.jpg" width="100" height="70" name="menu06" border="0" STYLE='filter:gray();'></a><p>
<B>3. 롤오버시 칼라->흑백으로 전환</B><br><a href="#" onMouseOut="menu07.style.filter='none';" onMouseOver="menu07.style.filter = 'gray';"><img src="http://demo.happycgi.com/jini/pick7.jpg" width="100" height="70" name="menu07" border="0" ></a><a href="#" onMouseOut="menu08.style.filter='none';" onMouseOver="menu08.style.filter = 'gray';"><img src="http://demo.happycgi.com/jini/pick8.jpg" width="100" height="70" name="menu08" border="0" ></a><a href="#" onMouseOut="menu09.style.filter='none';" onMouseOver="menu09.style.filter = 'gray';"><img src="http://demo.happycgi.com/jini/pick9.jpg" width="100" height="70" name="menu09" border="0" ></a>각각의 예제들은 모두 응용한것임으로 한번쯤 사용해보시고 적용시켜 보시길 바랍니다.
