본문 바로가기

javascript

롤오버 버튼 - 굳이 이미지 버튼 사용할 필요 있나요? 스타일시트로 간단하게 롤오버 효과

유치하다구요?
그래도 필요하신 분 있을걸요

<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->

<style>
A        {
    font-family : Verdana;
    font-size : 20pt;
    font-weight : bold;
        text-decoration: none;
    background-color: FF0000;
        color : 000000;
        }
A:Visited        {
        color : 000000;
    }
A:Hover     {
    color : FF0000;
    background-color: 000000;
    font-style:italic;
    }
A:Active        {
        color : 000000;
    }
</style>

</HEAD>

<!--2. <BODY> 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->

<BODY BGCOLOR="#FFFFFF">

<!--3. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->


<a href="http://bizserver.new21.net"> Link 1 </a><br>
<a href="#"> Link 2 </a><br>
<a href="#"> Link 3 </a><br>
<a href="#"> Link 4 </a><br><br><br><br>