Based on jquery CSS3 realize click Animation pop-up form source effect _jquery

The following figure shows you the use of jquery CSS implementation of the Click Animation pop-up form source code, there are upload forms, delete forms, send comments form, are through the mouse click icon button Animation pop-up form source effects.

The effect chart shows the following:

Online preview Source Download

HTML code:

<div class= "Buttoncollection" >
 <div class= "Qutton" id= "Qutton_upload" >
  <div class= "Qutton_" Dialog "id=" Uploaddialog ">
   
 

JS Code:

$ (function () {
  var quttonupload = qutton.getinstance ($ (' #qutton_upload '));
  Quttonupload.init ({
  icon: ' Images/icon_upload.png ',
  backgroundcolor: ' #917466 '
  });
  var quttondelete = qutton.getinstance ($ (' #qutton_delete '));
  Quttondelete.init ({
  icon: ' Images/icon_delete.png ',
  backgroundcolor: "#eb1220"
  });
  var quttoncomment = qutton.getinstance ($ (' #qutton_comment '));
  Quttoncomment.init ({
  icon: ' Images/icon_comment.png ',
  backgroundcolor: "#41aaf1"
  });