jQuery仿微博个人名片点击关注特效

1、新建html文档。

3、书写hmtl代艨位雅剖码。<div class="container"> &造婷用痃lt;header> <div class="bio"> <img src="images/up.jpg" alt="background" class="bg"> <div class="desc"> <h3>cher</h3> <p>你所拥有的一切都是你吸引而来的。我们都活在过去的行为和想法造就的世界里。</p> </div> </div> <div class="avatarcontainer"> <img src="images/photo.jpg" class="avatar"> <div class="hover"> <div class="icon-"></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-"></div> 粉我</div> </div></div>

5、书写并添加js代码。<script src='js/jquery.min.js'></script><script src="js/index.js"></script>

7、查看效果。