| http://oxtag.com/html/ex/opacity_img.html 헤드에 넣으세요 <SCRIPT LANGUAGE="JavaScript"> if ((navigator.appName.indexOf('Microsoft')+1)) { document.write('<style type="text/css"> .opacity1 {filter:alpha(opacity=50)} .opacity2 {filter:alpha(opacity=100)} </style>'); } if ((navigator.appName.indexOf('Netscape')+1)) { document.write('<style type="text/css"> .opacity1 {-moz-opacity:0.5} .opacity2 {-moz-opacity:1} </style>'); } else { document.write(''); } </script> 바디의 이미지에 class와 onmouseover과 onmouseout을 넣습니다. <img src="http://oxtag.com/img/angel.gif" class="opacity1" onmouseover="this.className='opacity2'" onmouseout="this.className='opacity1'"> |
반응형
'인터넷정보' 카테고리의 다른 글
| 키보드화살표로 브라우저의 위치를 옮기자 (0) | 2007.10.17 |
|---|---|
| 키보드화살표로 브라우저의 위치를 옮기자 (0) | 2007.10.17 |
| 버튼에 흐르는 문자열 만드는 스크립트 (0) | 2007.10.17 |
| 버튼에 흐르는 문자열 만드는 스크립트 (0) | 2007.10.17 |
| 이미지 위에 마우스를 올려 놓으면 이미지가 활성화 되는 스크립트 (0) | 2007.10.17 |
| 문자열을 무지개색으로 표시하는 스크립트 (0) | 2007.10.17 |
| 문자열을 무지개색으로 표시하는 스크립트 (0) | 2007.10.17 |
| 마우스오버시 링크문자열의 색깔이 반짝이는 자바스크립트 (0) | 2007.10.17 |
| 마우스오버시 링크문자열의 색깔이 반짝이는 자바스크립트 (0) | 2007.10.17 |
| 글자 웨이브 효과 (0) | 2007.10.17 |