演示网站 个人卡片样式js关注按钮
编写代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>个人卡片样式js关注按钮</title> <link href="https://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <header> <div class="bio"> <img src="images/up.jpg" alt="background" class="bg"> <div class="desc"> <h3>@Richer</h3> <p>你所拥有的一切都是你吸引而来的。我们都活在过去的行为和想法造就的世界里。</p> </div> </div> <div class="avatarcontainer"> <img src="images/photo.jpg" alt="avatar" class="avatar"> <div class="hover"> <div class="icon-twitter"></div> </div> </div> </header> <div class="content"> <div class="data"> <ul> <li> 2,931 <span>帖子</span> </li> <li> 1,118 <span>粉丝</span> </li> <li> 531 <span>关注</span> </li> </ul> </div> <div class="follow"> <div class="icon-twitter"></div> 粉我</div> </div> </div> <script type="text/javascript" src='js/jquery.min.js'></script> <script type="text/javascript" src="js/index.js"></script> </body> </html>
注册免费下载
抱歉，隐藏内容须成功 评论本文 后刷新可见！
