본문 바로가기

javascript

마우스를 대면 메뉴 텍스트가 선명해 집니다

스타일시트와 마이크로소프트의 필터 기능을 이용한 메뉴 스크립트 입니다

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> script </title>

<!---- [1단계] 아래 코드를 <HEAD> 와 <HEAD> 태그 사이에 붙여 넣으세요 --->

<style>
A.menulink {
filter:alpha(opacity=20); /* 초기 불투명도를 20% 로 합니다 */
display: block;
width: 150px;
text-align: left;
text-decoration: none;
font-family:굴림;
font-size:15px;
color: #000000;
border: solid 1px #FFFFFF;
}

A.menulink:hover {
filter:alpha(opacity=100); /* 마우스를 대면 불투명도를 100% 로 설정 합니다 */
border: solid 1px silver;
background-color:#f5f5f5;
}

</style>


<!------------------------- 여기까지 ------------------------------------>

</head>

<body>

<!---- [2단계] 아래의 방법으로 <BODY> 와 <BODY> 태그 사이에 붙여 넣으세요 --->

<table border="0" width=150>
  <tr>
    <td width="100%"><a href="#" class="menulink">자바스크립트 & HTML</a></td>
  </tr>
  <tr>
    <td width="100%"><a href="#" class="menulink">PERL Script</a></td>
  </tr>
  <tr>
    <td width="100%"><a href="#" class="menulink">PHP & ASP</a></td>
  </tr>
  <tr>
    <td width="100%"><a href="#" class="menulink">Databases</a></td>
  </tr>
</table>

<!------------------------- 여기까지 ------------------------------------>

</body>
</html>