search

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

jQuery implements sound effect audition for mouse over click event_jquery

WBOY
WBOYOriginal
2016-05-16 15:41:251511browse

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>

Statement：
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
Previous article：Usage and differences of innerHTML, innerText and outerHTML in JavaScript_javascript skillsNext article：Usage and differences of innerHTML, innerText and outerHTML in JavaScript_javascript skills

Related articles

See more