<a href="javascript:void(0);" class="zan fr"><span>贊</span>(<span id="likes-num">{content:likes}</span>)<span class="tac click-tip">您已點(diǎn)贊！</span></a>
<style>
.likes a:hover {
  background: #4fc08d;
  color: #fff;
  transition: all .5s;
  -webkit-transition: all .5s;
}
.likes .zan {
  position: relative !important;
}
.likes a {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 15px;
  background: #fff;
  border: 1px solid #4fc08d;
  color: #4fc08d;
  border-radius: 30px;
  transition: all .5s;
  -webkit-transition: all .5s;
}
.likes a span {
  text-align: center;
  margin: 0 3px;
}
.likes-tip, .click-tip {
  position: absolute;
  top: -45px;
  left: 50%;
  margin-left: -45px !important;
  margin-right: 0px !important;
  width: 90px;
  height: 30px;
  line-height: 30px;
  background: #4fc08d;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: none;
}
</style>
<script src="{pboot:sitetplpath}/js/jQuery.cookie.js"></script>
<script>
var Like_status = jQuery.cookie('likes_{content:id}');
if( Like_status == 1 ){
  $('.likes > .iconfont').attr('class', 'iconfont hover-color');
  $('.zan').attr('title','您已點(diǎn)贊'); 
  jQuery('.zan').append('<span class="tac likes-tip">您已點(diǎn)贊！</span>');
  jQuery('.like-link').removeAttr('href');
  $('.click-tip').css("display","none"); 
}
</script>
<script>
$('.zan').on('click',//綁定點(diǎn)贊事件
  function() {
  $.ajax({
    url: '{content:likeslink}',//點(diǎn)贊鏈接
    data: {
      'likes': 'likes'
    },
    success: function(data) {
      $('#likes-num').load(location.href + " #likes-num");//點(diǎn)贊后刷新#support_number
      if (data.state) {} else {
        $(".click-tip").css("display","block").delay(1500).fadeOut(400);//已贊提示
      }},
    error: function(xhr, status, error)  {
      console.log(error)
    }
  });
})
</script>