2012-04-06 58 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?你看到了什麼行爲?哦,歡迎來到Stackoverflow。 – 2012-04-06 15:13:20

+0

JS被包含在一個單獨的文件中,我從我的網頁中提取了html。主要是我問的是,我怎樣才能關閉與jQuery代碼的背景音樂?謝謝你! – Amnesiac11 2012-04-06 15:49:39

+0

就像播放圖標時顯示的音樂一樣,反之亦然? – Amnesiac11 2012-04-06 15:53:56

回答

0

的聲音是在一個空的跨度

放置在腳本啓動時中的JavaScript放在一個空的span標籤內的嵌入標記。所以,你需要的地方添加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>