웹마스터 팁
[BGM]♬가상프레임에서 배경음악 켜고끄는 버튼 만들기 ^^;
2002.07.19 07:26
배경음악을 페이지변할때마다 연속되기위해 "가상프레임"을 둬서 많이들 올리던데..
그러면 ESC를 누르거나,최소화시켜서 음악을 끄고들 많이 그러던데..
고정프레임을 둘려니까.. 그러긴 싫고 할때...
의외로 쉬운 방법이 있는데..잘 안쓰시더군여.. 걍 올려봤습니다.. ^^;
→미리보기
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
처음에 index.html을 이런 식으로 가상프레임을 둡니다.
<html>
<head>
<title>::제목</title>
</head>
<frameset rows="0,*" border="0" framespacing="0" FRAMEBORDER=0 ALLOWTRANSPARENCY=true>
<frame name="abulopia" src="/music.html" border="0" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE SCROLLING=no>
<frame name="main" src="/main.htm">
</frameset>
<noframes><body bgcolor="#FFFFFF" text="#000000">
</html>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
음악은 /music.html 에서 embed하면 되는데..
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="abulomusic">
<param name="AudioStream" value="0">
<param name="Filename" value="/ttt.asf">
-중략..필요한 것만..
<param name="Volume" value="-800">
<param name="WindowlessVideo" value="0">
</object>
id는 아래에 스크립트 소스에 반영해야 될꺼같구요..
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
실제로 사용할 파일 /main.htm 에..
간단한 스크립트 몇 줄이면 다 완성됩니다...
가상 음악프레임의 name과 음악파일의 id만 맞추면 간단하네요.. 사용하는 모든 페이지에 다들어가니까..include해서 쓰시면 되겠네요..
<span style="{cursor:hand}" onclick="sound();">< img src="images/on.gif"></span>
<span style="{cursor:hand}" onclick="muting();">< img src="images/off.gif"></span>
<script>
function muting() {
top.abulopia.document.abulomusic.Mute=true;
}
function sound() {
top.abulopia.document.abulomusic.Mute=false;
}
</script>
++++++++++++++++++++++++++++++++++++++++++++
쩝 허접하군.. 정확히 말해서 음악을 끄는게 아니라..단지 Mute시키는 겁니다.
그러면 ESC를 누르거나,최소화시켜서 음악을 끄고들 많이 그러던데..
고정프레임을 둘려니까.. 그러긴 싫고 할때...
의외로 쉬운 방법이 있는데..잘 안쓰시더군여.. 걍 올려봤습니다.. ^^;
→미리보기
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
처음에 index.html을 이런 식으로 가상프레임을 둡니다.
<html>
<head>
<title>::제목</title>
</head>
<frameset rows="0,*" border="0" framespacing="0" FRAMEBORDER=0 ALLOWTRANSPARENCY=true>
<frame name="abulopia" src="/music.html" border="0" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE SCROLLING=no>
<frame name="main" src="/main.htm">
</frameset>
<noframes><body bgcolor="#FFFFFF" text="#000000">
</html>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
음악은 /music.html 에서 embed하면 되는데..
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="abulomusic">
<param name="AudioStream" value="0">
<param name="Filename" value="/ttt.asf">
-중략..필요한 것만..
<param name="Volume" value="-800">
<param name="WindowlessVideo" value="0">
</object>
id는 아래에 스크립트 소스에 반영해야 될꺼같구요..
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
실제로 사용할 파일 /main.htm 에..
간단한 스크립트 몇 줄이면 다 완성됩니다...
가상 음악프레임의 name과 음악파일의 id만 맞추면 간단하네요.. 사용하는 모든 페이지에 다들어가니까..include해서 쓰시면 되겠네요..
<span style="{cursor:hand}" onclick="sound();">< img src="images/on.gif"></span>
<span style="{cursor:hand}" onclick="muting();">< img src="images/off.gif"></span>
<script>
function muting() {
top.abulopia.document.abulomusic.Mute=true;
}
function sound() {
top.abulopia.document.abulomusic.Mute=false;
}
</script>
++++++++++++++++++++++++++++++++++++++++++++
쩝 허접하군.. 정확히 말해서 음악을 끄는게 아니라..단지 Mute시키는 겁니다.
목록보는것도 새창으로 뜨지말고 그 뭐냐 그.. 클릭하면 밑으로 쭉 열리는거있죠 제로보드에 카테고리 고르는 단추같은것처럼.. 그랬으면 정말 좋겠는데 ^^