Click the animation to bring up the form source code effects based on jquery css3, jquerycss3
The following figure shows the source code of the click animation pop-up form implemented by jquery css, including uploading, deleting, and sending comment forms. These are the source code effects of the form popped up by clicking the icon button with the mouse.
As shown below:
Download Online Preview source code
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" }); });