http://oxtag.com/html/ex/music_url/mouseover_sound/mouseover_sound.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987">
<title> </title>
<style fprolloverstyle>
A:hover {color: black; text-decoration: blink}
A:link {color:#666666;font-size:10pt;text-decoration:none;}
A:visited {color:#666666;font-size:10pt;text-decoration:none;}
A:active {color:#666666;font-size:10pt}
A:hover {color:black;text-decoration:none;}
p, td, body, input, form {color:black;font-size:10pt;}
body {background-color:white}
</style>
<script language="JavaScript">
<!--
function sound(str)
{
eval(str);
}
// -->
</script>
</head>
<body topmargin="0" leftmargin="10">
<!-- 링크 태그 뿐만이 아닌 기타 다른 태그에도 응용해서 사용하세요. -->
<br>각각 마우스를 올려보세요. 그리고 페이지 초기 로딩시에도 자동으로 사운드가 나옵니다.<br>
onMouseOver를 onclick로 수정하면 클릭시 사운드가 나옵니다.
<br><br>
<!-- 마우스 오버시 헤드 태그의 스크립트가 필요합니다.-->
<bgsound id=menu loop="1">
<a target="타겟명" href="a.html" onMouseOver="sound('menu.src=\'../../../music/m_sound1.wav\'');return true;" onMouseOut="window.status='';return true;">링크1</a></b></font><br>
<a target="타겟명" href="b.html" onMouseOver="sound('menu.src=\'../../../music/m_sound2.wav\'');return true;" onMouseOut="window.status='';return true;">링크2</a></b></font><br>
<a target="타겟명" href="c.html" onMouseOver="sound('menu.src=\'../../../music/m_sound3.wav\'');return true;" onMouseOut="window.status='';return true;">링크3</a></b></font><br>
<a target="타겟명" href="../main/main6.html" onMouseOver="sound('menu.src=\'../../../music/m_sound2.wav\'');return true;" onMouseOut="window.status='';return true;">링크4</a><br>
<a target="타겟명" href="/zboard/linuz_member.php?id=member_list" onMouseOver="sound('menu.src=\'../../../music/m_sound1.wav\'');return true;" onMouseOut="window.status='';return true;">링크6</a></b><br>
<a target="타겟명" href="#" onclick="window.open('d.html','new_win','toolbar=no,width=239,height=119,resize=yes,scrollbars=no')" onMouseOver="window.status='아싸 가오리..ㅡㅡ';sound('menu.src=\'../../../music/m_sound2.wav\'');return true;" onMouseOut="window.status='';return true;">링크7</a></b></font>
<br><br>
<!-- 아래는 다른 방법입니다. 페이지 로딩시 사운드가 자동으로..
원래 바디태그 두번쓰면 안되는 거지만 헤깔려하실까봐..ㅡㅡ
헤드 태그의 스크립트 필요 없슴. 아래 두줄만 사용시 페이지 로딩시 사운드.
바디의 onload 제거하고 bgsound와 링크 부분 독립적 사용가능.-->
<body onload="document.all.msound.src='../../../music/just.wav'">
<bgsound src="#" id=msound loop=1 autostart="true">
<a href="#" onfocus='this.blur()' onMouseOver="document.all.msound.src='../../../music/just.wav'"><font face="정9">들어가기</font></a>
</body>
</html>
'인터넷관련' 카테고리의 다른 글
| 그라데이션 툴팁 만들기 (0) | 2008.01.29 |
|---|---|
| 공지용 하루에 한번씩 새창(?) 열기. (0) | 2008.01.29 |
| toggle(토글)... 숨겼다 보여줬다... (0) | 2008.01.29 |
| 유니코드/아스키코드 Keycode 값. (0) | 2008.01.29 |
| 마우스 따라다니는 시계 (0) | 2008.01.29 |
| 위에서 아래로 떨어지는 메뉴 (0) | 2008.01.29 |
| 스크롤바 움직여도 떠 있는 이미지 (레이어) (0) | 2008.01.29 |
| 텍스트 네온사인 효과 (0) | 2008.01.29 |
