index.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title></title>
  7. <link href="css/global.css?v=6e375888" rel="stylesheet"><link href="css/index.css?v=6e375888" rel="stylesheet"></head>
  8. <body>
  9. <div class="rich-wrapper">
  10. <!--音频-->
  11. <a class="p-voice" id="auido_1" href="jstyle://auido?id=1">
  12. <img src="https://api.huoxingkandiqiu.com/upload/data/upload/1/2018/12/03/679a48b2efcf2c88af7754ac23461ecc.jpg" alt="" class="mavatar">
  13. <div class="sound"></div>
  14. </a>
  15. <!--视频-->
  16. <div class="p-img">
  17. <a class="poster" id="video_2" href="jstyle://video?id=2">
  18. <img src="https://api.huoxingkandiqiu.com/upload/data/upload/1/2018/12/03/946feca18080901497c4d2a22d0f9733.jpg" alt="" class="media-cover">
  19. <div class="ico-video-play"></div>
  20. </a>
  21. <!--视频/图片标题-->
  22. <div class="tit">段宜恩:强大精神力的猫系偶像</div>
  23. <!--视频/图片副标题-->
  24. <div class="tit-mini">已有 112212 人观看了视频</div>
  25. </div>
  26. <!--视频-->
  27. <div class="p-img">
  28. <a class="poster" id="video_3" href="jstyle://video?id=3">
  29. <img src="https://api.huoxingkandiqiu.com/upload/data/upload/1/2018/12/03/946feca18080901497c4d2a22d0f9733.jpg" alt="" class="media-cover">
  30. <div class="ico-video-play"></div>
  31. </a>
  32. <!--视频/图片标题-->
  33. <div class="tit">段宜恩:强大精神力的猫系偶像</div>
  34. </div>
  35. <!--直播-->
  36. <div class="live-notice">
  37. <div class="watch-user">548 人观看</div>
  38. </div>
  39. <!--直播-->
  40. <div class="live-notice">
  41. <div class="notice-time">开播时间 2018.8.8 15:00</div>
  42. <a id="live_1" href="jstyle://live?id=1" class="btn-notice">提醒我</a>
  43. </div>
  44. <!--直播-->
  45. <div class="live-notice">
  46. <div class="online-user">9999人在线</div>
  47. </div>
  48. <!--段落-->
  49. <p>漫威宇宙里不只有英勇帅气的男英雄,深入民心的女英雄角色也不少,像复联系列的黑寡妇、绯红女巫,X战警中的凤凰女、暴风女,还有即将登场的惊奇队长,男女英雄无比默契地并肩作战场景总能让我们肾上腺素飙升。作为女英雄,除了拥有超高的武力值,身材、颜值一样在线,不知道斯坦李爷爷笔下的这些女英雄,有哪个镜头惊艳到你?</p>
  50. <!--图片-->
  51. <div class="p-img">
  52. <img class="img" src="https://api.huoxingkandiqiu.com/upload/data/upload/1/2018/12/03/946feca18080901497c4d2a22d0f9733.jpg" alt="">
  53. <!--视频/图片标题-->
  54. <div class="tit">段宜恩:强大精神力的猫系偶像</div>
  55. </div>
  56. </div>
  57. <script type="text/javascript" src="js/global.js?v=6e375888"></script><script type="text/javascript" src="js/index.js?v=6e375888"></script></body>
  58. <script>
  59. function audioPlay(id){
  60. $('#auido_'+ id).find('.sound').addClass('playing');
  61. }
  62. function audioPause(id){
  63. $('#auido_'+ id).find('.sound').removeClass('playing');
  64. }
  65. </script>
  66. </html>