Mouse over click event based on jquery audio audition

Mouse over click event based on jquery audio audition. This is a very simple and practical HTML element pronunciation audio effect jquery plugin. As follows:

Online preview Source Download

The implemented code.

HTML code:

<Divclass= "wrapper">                  <H1class= "Sub-section__title">EventType:</H1>                  <Divclass= "Center"style= "margin-top:40px;">                      <DivID= "Trigger-2-hover"class= "Sound-trigger sound-trigger--type-default-2 sound-trigger--type-hover">                          <Pclass= "Sound-trigger__speach">hover!</P>                          <Divclass= "Sound-trigger__inner">                              <Iclass= "fa fa-volume-up fa-lg"></I>                          </Div>                      </Div>                       <DivID= "Trigger-2-click"class= "Sound-trigger sound-trigger--type-default sound-trigger--type-click">                          <Pclass= "Sound-trigger__speach">Click!</P>                          <Divclass= "Sound-trigger__inner">                              <Iclass= "fa fa-volume-up fa-lg"></I>                          </Div>                      </Div>                  </Div>

via:http://www.w2bc.com/article/59200

Mouse over click event based on jquery audio audition