>  기사  >  웹 프론트엔드  >  jQuery는 마우스 오버 클릭 event_jquery에 대한 사운드 효과 오디션을 구현합니다.

jQuery는 마우스 오버 클릭 event_jquery에 대한 사운드 효과 오디션을 구현합니다.

WBOY
WBOY원래의
2016-05-16 15:41:251510검색

더 이상 헛소리하지 말고 렌더링만 살펴보겠습니다.

렌더링은 다음과 같습니다.

html 코드:

<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>

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.