프리카운터넷

프로그래밍&개발

기존 공부방

스크립트 한줄로 글자가 눌려진듯한 효과를 내는 예제입니다.
스타일 태그를 자바스크립트로 컨트롤하는 방식으로 작동합니다. ^^
쉬운 소스이므로 조금만 보시면 금방 쓰실수 있을겁니다.
이 소스는 이미지에서도 작동합니다. 표에서도 될것 같네요 ^^
style="position:relative" onmouseout="this.style.posLeft -=1;this.style.posTop -=1" onmouseover="this.style.posLeft +=1;this.style.posTop +=1"
위 소스를 사용하시면 됩니당 ^^

여기에 마우스를 올려 보세요


	[소스] <p align="center" style="position:relative" onmouseout="this.style.posLeft -=1;this.style.posTop -=1" onmouseover="this.style.posLeft +=1;this.style.posTop +=1">여기에 마우스를 올려 보세요</p> <p align="center" style="position:relative" onmouseout="this.style.posLeft -=1;this.style.posTop +=1" onmouseover="this.style.posLeft +=1;this.style.posTop -=1">여기에 마우스를 올려 보세요</p> <p align="center" style="position:relative" onmouseout="this.style.posTop -=1" onmouseover="this.style.posTop +=1">여기에 마우스를 올려 보세요</p>