index.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  6. <meta property="fb:app_id" content="112406602201164" />
  7. <meta property="og:image" content="" />
  8. <meta property="og:title" content="我就是我" />
  9. <meta property="og:type" content="website" />
  10. <title>我就是我</title>
  11. <script src="js/sound.js" type="text/javascript"></script>
  12. <script type="text/javascript" src="js/lufylegend-1.9.7.min.js"></script>
  13. <script type="text/javascript" src="js/lufylegend.ui-0.10.0.min.js"></script>
  14. <script src="js/Main.js" type="text/javascript"></script>
  15. </head>
  16. <body style="width:640px;margin:0px auto;padding:0px 0px 0px 0px;background-color:#000000;">
  17. <div class='aliForPc'><img src='forpc.png'/></div>
  18. <div id="legend"> 「我就是我」加载中....</div>
  19. <link href="css/sprite.css" rel="stylesheet" type="text/css"/>
  20. <div style="position: absolute;right:0px;top:0px;max-width: 640px;margin: 0 auto;left: 0;height:1px;">
  21. <img id="myimg" src="images/174232_1708.jpg" onclick="toggleFrdlist();"/>
  22. <div style="margin:10px 0 0 0;">
  23. 我就是我<br/>人品值:999999 </div>
  24. <div id="frdlist">
  25. <ul>
  26. <li style="float:left;" class="page1 ">
  27. <a href="./" target="_blank">
  28. <img src="images/174232_1708.jpg" style="width:22%;margin:10px;float:left;"/>
  29. </a>
  30. <div style="margin:10px 0 0 0;">
  31. xxx<br/>人品: </div>
  32. </li> </ul>
  33. <div style="display:block;text-align: center;position: absolute;top: 275px;left: 15%;">
  34. <span class="icon icon-arrow-left" onclick="prev();"></span>
  35. <font>1/1</font>
  36. <span class="icon icon-arrow-right" onclick="next();"></span>
  37. </div>
  38. </div>
  39. </div>
  40. <style>
  41. #frdlist{display:none;background-color: rgba(255, 255, 255, 0.8);
  42. width: 50%;
  43. height: 250px;
  44. box-shadow: 0px 4px 5px #CCC;
  45. border-radius: 6px;margin-left: 5px;
  46. margin-top: 15px;}
  47. #myimg{width:12%;float: left;margin:10px;box-shadow: 0px 4px 5px #CCC;}
  48. .r45{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
  49. .hidden{display:none;}
  50. .aliForPc {display:none;position:fixed;top:5px;right:5px;width:200px;height:230px;overflow:hidden;z-index:99999;}
  51. </style>
  52. <script>
  53. var curPage = 1,totalPage = 1;
  54. function toggleFrdlist(){
  55. $('#frdlist').slideToggle();
  56. $('#myimg').toggleClass('r45');
  57. }
  58. function prev(){
  59. if(curPage<=1)return;
  60. $('.page'+curPage).hide();
  61. curPage--;
  62. $('font').text(curPage+"/"+totalPage);
  63. $('.page'+curPage).show();
  64. }
  65. function next(){
  66. if(curPage>=totalPage)return;
  67. $('.page'+curPage).hide();
  68. curPage++;
  69. $('font').text(curPage+"/"+totalPage);
  70. $('.page'+curPage).show();
  71. }
  72. </script>
  73. <script src="js/dcagent.min.js"></script>
  74. <script type="text/javascript">
  75. </script>
  76. <script>
  77. function showshare(){
  78. document.getElementById("share").style.display = "";
  79. };
  80. function clickMore(){
  81. // Play68.goHome();
  82. };
  83. function dp_share(a,b){
  84. if(a>0){
  85. }
  86. };
  87. </script>
  88. <div id=share style="display: none">
  89. </div>
  90. </body>
  91. </html>