这里只是实现了图标的切换

html代码

 <button id="dz">
       <img src="<{:HOMEIMAGES}>oss/dianzan.png" id="dianzan" style="display:block" alt="">

      <span id="quxiao" style="display:none;"><div style="width:50px;height:50px;line-height:50px">取消</div> </span> 

   </button>

js代码

 //点赞
  $(document).ready(function(){
     $("#dz").click(function(){
         $("#dianzan").toggle()
         $("#quxiao").toggle()
  })
  })

更加具体,更多功能点击查看这位大佬文章
http://t.csdn.cn/6w5DXhttp://t.csdn.cn/6w5DX