Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  
</head>
<body>
<div class="vms-nice">
                     <a href="" class="radius-nice">  <i class="iconfont">&#xe60d;</i>
                      <em>点赞(1)</em>
                     </a>
                 </div>
</body>
</html>
 
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1467343988_2212198.eot'); 
  src: url('//at.alicdn.com/t/font_1467343988_2212198.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1467343988_2212198.woff') format('woff'), 
  url('//at.alicdn.com/t/font_1467343988_2212198.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1467343988_2212198.svg#iconfont') format('svg'); 
}
   .on{
  color:#2eafb3 !important;
}
.vms-nice {
    width: 100%;
    text-align: center;
    padding-bottom: 25px;
}
.vms-nice .radius-nice {
    width: 96px;
    height: 96px;
    display: inline-block;
    border-radius: 50%;
    background: #f4fbfb;
    text-align: center;
    color: #959d9d;
}
.vms-nice .radius-nice i {
    font-size: 32px;
    display: block;
    margin-top: 14px;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
a{
  text-decoration:none;
}
 
$(".radius-nice").click(function(){
    $(this).addClass("on");
    var add=$(".num-add").text();
    add++;
    $(".num-add").text(add);
    return false;
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers