Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > jQuery implements sound effect audition for mouse over click event_jquery

jQuery implements sound effect audition for mouse over click event_jquery

WBOY

Release： 2016-05-16 15:41:25

Original

1537 people have browsed it

No more nonsense, let’s just look at the renderings.

The rendering is as follows:

html code:

<div class="wrapper">
     <h1 class="sub-section__title">eventType : </h1>
     <div class="center" style="margin-top: 40px;">
      <div id="trigger-2-hover" class="sound-trigger sound-trigger--type-default-2 sound-trigger--type-hover">
       <p class="sound-trigger__speach">HOVER!</p>
       <div class="sound-trigger__inner">
        <i class="fa fa-volume-up fa-lg"></i>
       </div>
      </div>
      <div id="trigger-2-click" class="sound-trigger sound-trigger--type-default sound-trigger--type-click">
       <p class="sound-trigger__speach">CLICK!</p>
       <div class="sound-trigger__inner">
        <i class="fa fa-volume-up fa-lg"></i>
       </div>
      </div>
     </div>

Copy after login

Related labels：

jquery鼠标滑过事件 jquery鼠标滑过音效

source：php.cn

Previous article：Usage and differences of innerHTML, innerText and outerHTML in JavaScript_javascript skills Next article：Summary of commonly used methods in Jquery_jquery

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn