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

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

小云云
Freigeben: 2018-01-15 13:30:10
Original
2927 Leute haben es durchsucht

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>
Nach dem Login kopieren

 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage