2012-04-06 4 views
2

안녕하세요. 미리 감사드립니다. 저는 꽤 newto JQuery/Javascript이고, 일시 중지/재생 아이콘으로 내 임베디드 배경 음악을 구현하는 방법을 잘 모릅니다. 어떤 도움이라도 대단히 감사하겠습니다. 미리 감사드립니다!JQuery/Javascript에서 배경 음악 일시 중지/재생 아이콘 구현

 <div id="toggle" class="play" style="width: 314px; height: 311px"></div> 
     <script type="text/javascript"></script> 



    $(document).ready(function() { 
     $('#music').attr("class", "false"); 
     $('#toggle').bind("click", function() { 

     if ($(this).attr("class") == "play") 

     $(this).attr("class", "pause"); 


     else 
     $(this).attr("class", "play"); 


     }); 

     }); 
+0

실제로 코드가 어떻게 생겼습니까? 어딘가에 닫는 div가 있습니까? 이것으로 어떤 행동을 보입니까? 오, 그리고 Stackoverflow에 오신 것을 환영합니다. –

+0

JS는 별도의 파일에 포함되어 있으며 웹 페이지에서 html을 가져 왔습니다. 주로 묻는 것은 jquery 코드로 배경 음악을 끄는 방법은 무엇입니까? 그리고 고마워! – Amnesiac11

+0

재생 아이콘이 표시 될 때 음악을 재생하는 방법과 비슷하게 재생하는 방법은? – Amnesiac11

답변

0

사운드는 스크립트가 시작될 때 자바 스크립트는 빈 span 태그 내부에 embed 태그를 배치 빈 스팬

에 배치됩니다. 추가해야 할 마지막 일은 당신이를 생성 할 요소가

<span id="dummy"></span> 
Call the Script with an onmouseover or onclick Attribute 

: 그래서, 당신은 preferabl 문서의 상단에, 당신의 HTML 페이지의 본문 내 어딘가에 다음 분리 저장 파일을 추가 할 필요가 클릭시 또는 마우스 오버시 사운드. 다음 특성 중 하나를 사용하여 스크립트를 호출하십시오.

<a href="#" onclick="playSound('URL to soundfile');">Click here to hear a sound</a> 

<p onmouseover="playSound('URL to soundfile');">Mouse over this text to hear a sound</p>