user_follow.html 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>用户中心</title>
  6. <link rel="stylesheet" type="text/css" href="../css/reset.css">
  7. <link rel="stylesheet" type="text/css" href="../css/jquery.pagination.css">
  8. <link rel="stylesheet" type="text/css" href="../css/main.css">
  9. <script type="text/javascript" src="../js/jquery-1.12.4.min.js"></script>
  10. <script type="text/javascript" src="../js/jquery.pagination.min.js"></script>
  11. <script type="text/javascript" src="../js/user_follow.js"></script>
  12. </head>
  13. <body class="inframe_body">
  14. <h3 class="common_title">我的关注</h3>
  15. <ul class="card_list_con">
  16. <li class="author_card card_list">
  17. <a href="#" target="_blank" class="author_pic"><img src="../images/cat.jpg" alt="author_pic"></a>
  18. <a href="#" target="_blank" class="author_name">张大山</a>
  19. <div class="author_resume">张大山的简介,张大山</div>
  20. <div class="writings"><span>总篇数</span><b>23</b></div>
  21. <div class="follows"><span>粉丝</span><b>36</b></div>
  22. <a href="javascript:;" class="focus fr">关注</a>
  23. <a href="javascript:;" class="focused fr"><span class="out">已关注</span><span class="over">取消关注</span></a>
  24. </li>
  25. <li class="author_card card_list">
  26. <a href="#" target="_blank" class="author_pic"><img src="../images/cat.jpg" alt="author_pic"></a>
  27. <a href="#" target="_blank" class="author_name">张大山</a>
  28. <div class="author_resume">张大山的简介,张大山</div>
  29. <div class="writings"><span>总篇数</span><b>23</b></div>
  30. <div class="follows"><span>粉丝</span><b>36</b></div>
  31. <a href="javascript:;" class="focus fr">关注</a>
  32. <a href="javascript:;" class="focused fr"><span class="out">已关注</span><span class="over">取消关注</span></a>
  33. </li>
  34. <li class="author_card card_list">
  35. <a href="#" target="_blank" class="author_pic"><img src="../images/cat.jpg" alt="author_pic"></a>
  36. <a href="#" target="_blank" class="author_name">张大山</a>
  37. <div class="author_resume">张大山的简介,张大山</div>
  38. <div class="writings"><span>总篇数</span><b>23</b></div>
  39. <div class="follows"><span>粉丝</span><b>36</b></div>
  40. <a href="javascript:;" class="focus fr">关注</a>
  41. <a href="javascript:;" class="focused fr"><span class="out">已关注</span><span class="over">取消关注</span></a>
  42. </li>
  43. <li class="author_card card_list">
  44. <a href="#" target="_blank" class="author_pic"><img src="../images/cat.jpg" alt="author_pic"></a>
  45. <a href="#" target="_blank" class="author_name">张大山</a>
  46. <div class="author_resume">张大山的简介,张大山</div>
  47. <div class="writings"><span>总篇数</span><b>23</b></div>
  48. <div class="follows"><span>粉丝</span><b>36</b></div>
  49. <a href="javascript:;" class="focus fr">关注</a>
  50. <a href="javascript:;" class="focused fr"><span class="out">已关注</span><span class="over">取消关注</span></a>
  51. </li>
  52. </ul>
  53. <div id="pagination" class="page"></div>
  54. <script>
  55. $(function() {
  56. $("#pagination").pagination({
  57. currentPage: 2,
  58. totalPage: 3,
  59. callback: function(current) {
  60. alert('ok!');
  61. }
  62. });
  63. });
  64. </script>
  65. </body>
  66. </html>