Heim > Artikel > Web-Frontend > So fügen Sie mit JS Hintergrundmusik zur Schaltfläche hinzu

So fügen Sie mit JS Hintergrundmusik zur Schaltfläche hinzu

小云云Original: 2018-01-15 13:30:102884Durchsuche

Wie füge ich der Schaltfläche Hintergrundmusik hinzu? In diesem Artikel wird hauptsächlich die JS-Implementierungsschaltfläche zum Hinzufügen von Hintergrundmusik-Beispielcode vorgestellt. Freunde, die ihn benötigen, können darauf verweisen.

1-Code

<html>
<head>
  <meta charset="utf-8">
  <title>js实现按键声</title>
</head>
<body>
  <ul>
    <li>
      <a href="menu-list" rel="external nofollow" rel="external nofollow" rel="external nofollow" >主页</a>
    </li>
    <li>
      <a href="menu-list" rel="external nofollow" rel="external nofollow" rel="external nofollow" >详情</a>
    </li>
    <li>
      <a href="menu-list" rel="external nofollow" rel="external nofollow" rel="external nofollow" >列表</a>
    </li>
  </ul>
  <script language="javascript">
  $(function() {
    $(&#39;menu-list&#39;).click(function() {
      $(&#39;btn-bgm&#39;).remove();
      $(&#39;body&#39;).append(&#39;<embed src="button.wav" autostart="true" hidden="true" loop="false" class = "btn-bgm">&#39;);
    });
  });
  </script>
</body>
</html>

　2-Beschreibung

Nachgeben Advance Node-Bindungsereignis, klicken Sie, um Hintergrundmusik hinzuzufügen.

Verwandte Empfehlungen:

Über die Implementierung des automatischen Wiedergabeeffekts von Hintergrundmusik in h5

Hintergrundmusik für Webseiten_html/css_WEB-ITnose festlegen

Hintergrundmusik zur PHP-Seite hinzufügen und Stopp/Wiedergabe steuern

Das obige ist der detaillierte Inhalt vonSo fügen Sie mit JS Hintergrundmusik zur Schaltfläche hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung der Alert-in-Vue-KomponenteNächster Artikel：Detaillierte Erläuterung der Alert-in-Vue-Komponente

In Verbindung stehende Artikel

Mehr sehen