2012-04-06 4 views
2

Привет и спасибо заранее. Я совершенно новый для 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? Какое поведение вы видите с этим? oh и добро пожаловать в Stackoverflow. –

+0

JS был включен в отдельный файл, и я вытащил html с моей веб-страницы. В основном, что я спрашиваю, как я могу отключить фоновую музыку с помощью кода jquery? И благодарю вас! – Amnesiac11

+0

Как я могу воспроизвести музыку, когда отображается значок воспроизведения и наоборот? – Amnesiac11

ответ

0

Звук помещается в пустой Span

JavaScript помещает вставлять тег внутри пустой тег диапазона, когда скрипт запускается. Итак, вам нужно добавить следующий файл поверочного где-то в теле вашего HTML страницы, preferabl в верхней части документа:

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

Последнее, что вам нужно добавить это элемент, который вы хотите, чтобы генерировать звук при нажатии или при наведении курсора мыши. Позвоните по сценарию с одним из следующих атрибутов:

<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>