jquery实现点赞加1动画效果代码

代码语言:html

所属分类:动画

代码描述:jquery实现点赞加1动画效果代码

代码标签: 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