jquery实现点赞加1动画效果代码
代码语言:html
所属分类:动画
代码描述:jquery实现点赞加1动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/animate.min.css"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css"> <style> /* CSS Document */ body { margin: 0; padding: 0; font: 12px/1.5 arial; color: #3E3E3E; background:#fff; } .opera{ width: 90px; margin: 300px auto; text-align:left; } #btn { width: 90px; height: 36px; line-height:36px; background-color:#14A5EB; color: #fff; font-size: 14px; font-family: Microsoft YaHei; cursor: pointer; display:block; text-align:center; } #btn i{ display:inline-block; *display:inline; *zoom:1; } </style> <title></title> </head> <body> <div class="opera"> <span id="btn"> <i class="fa fa-lg fa-thumbs-up"></i> 点击 </span> </div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> (function ($) { $.extend({ tipsBox: function (options) { options = $.extend({ obj: null, //jq对象,要在那个html标签上显示 str: "+1", //字符串,要显示的内容;也可以传一段html,如: "<b style='font-family:Microsoft YaHei;'>+1</b>" startSize: "12px", .........完整代码请登录后点击上方下载按钮下载查看
网友评论0