본문 바로가기

카테고리 없음

[자바스크립트][하이퍼링크] 링크에 각각 다른 효과 주기


<head>와 </head>부분에 넣어줍니다.
*****************************************
<style>
<!--
A.mover1:hover {color:원하는색상; text-decoration:none}
A.mover2:hover {color:원하는색상; text-decoration:underline}
A.mover3:hover {color:원하는 색상; text-decoration:underline overline}
-->
</style>

move1, move2, move3 라는 이름으로 각각 링크 관련 속성을 줍니다. move4, move5...계속 추가할 수 있습니다.


<body>와 </body>부분에 넣어줍니다.
*****************************************
<a href="링크문서" class="mover1">링크1</a>
<a href="링크문서" class="mover2">링크2</a>
<a href="링크문서" class="mover3">링크3</a>

<head>와 <head> 사이에 넣었던 move1, move2, move3 의 이름을 여기서 사용합니다.