基于jquery css3实现点击动画弹出表单源码特效

下图给大家展示了使用jquery css实现的点击动画弹出表单源码，有上传表单、删除表单、发送评论表单，都是通过鼠标点击图标按钮动画弹出的表单源码特效。

效果图展示如下：

在线预览源码下载

超文本标记语言代码：

H2上传/h2 div class='urlField '输入类型='text' id='fileUrl '占位符='文件地址//div div id=' button _ basic _ upload '选择文件/div/div/div class=' qu ton ' id=' qu ton _ delete ' div class=' qu ton _ dialog ' id=' delete dialog ' H2确定？/H2 div id=' button _ basic _ confirm _ delete '确定删除/div/div/div class=' qu ton ' id=' qu ton _ comment ' div class=' qu ton _ dialog ' id=' commentDialog ' textarea name=' comment ' id=' commentInput ' placeholder='你的评论./text area div id=' button _ basic _ submit _ comment '发送/div/div/代码：

$(function(){ var quttonUpload=qutton。getinstance($(' # qu ton _ upload '))；quttonupload。init({ icon : ' images/icon _ upload。png '，背景色： ' # 917466 ' })；var qutton delete=qutton。getinstance($(' # qu ton _ delete '))；qutttondelete。init({ icon : ' images/icon _ delete。png '，背景色： ' # EB 1220 ' })；var quttonComment=qutton。getinstance($(' # quton _ comment '))；quttoncomment。init({ icon : ' images/icon _ comment。png '，背景色： ' # 41 AAF 1 ' })；});