sumerui-jQuery仿抖音视频网页源码【纯前端HTML5+JS+CSS】

共31个文件

png：21个

js：5个

css：4个

jquery

javascript

35 浏览量 2024-05-27 18:15:41 上传评论 2 收藏 152KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

sumerui - jQuery仿抖音视频功能.zip （31个子文件）

iphone-inline-video.min.js 4KB

rem.js 1KB

swiper.min.js 134KB

mui.min.js 121KB

jquery-3.4.1.min.js 86KB

css

mui.min.css 74KB

mui.css 95KB

index.css 13KB

swiper.min.css 13KB

imgs

dianzan1.png 626B

faxian.png 826B

tongcheng.png 601B

active_video.png 553B

dianzan.png 275B

xiangji.png 1KB

muzhi.png 536B

bigplayBtn.png 1KB

home.png 486B

mine.png 592B

active_faxian.png 830B

touxiang.png 2KB

xiaoxi.png 247B

zhuanfa.png 250B

close.png 527B

muzhi_active.png 611B

active_tongcheng.png 189B

active_mine.png 591B

xoala.png 657B

huifu.png 804B

active_home.png 528B

douyin.html 23KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script src="js/mui.min.js"></script> <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="js/swiper.min.js"></script>  <script src="js/iphone-inline-video.min.js"></script> <link href="css/mui.min.css" rel="stylesheet" /> <link href="css/swiper.min.css" rel="stylesheet" /> <link href="css/index.css" rel="stylesheet" /> <script type="text/javascript" charset="utf-8"> mui.init(); </script> </head> <body> <div id="wrap">  <div class="topWrap"> <div class="faWrap"> <div class="zhifa">植发</div> <div class="meifa">美发</div> <div class="yangfa">养发</div> <div class="shipin">视频</div> </div> </div> <div class="swiper-container"> <div class="swiper-wrapper">  </div> </div>   <div class="botWrap"> <div class="tabbar"> <div class="tabbarIndex"> <img src="./imgs/active_home.png" alt=""> <span>主页</span> </div> <div class="tabbarCity"> <img src="./imgs/tongcheng.png" alt=""> <span>同城</span> </div> <div class="tabbarXiangji"> <img src="./imgs/xiangji.png" alt=""> </div> <div class="tabbarSearch"> <img src="./imgs/faxian.png" alt=""> <span>发现</span> </div> <div class="tabbarMine"> <img src="./imgs/mine.png" alt=""> <span>我的</span> </div> </div> </div>  <div class="remarkWrap"> <div class="remark"> <div class="remark_top"> <div class="remarkTop_title"> 精彩评论 </div> <div class="remarkTop_close"> X </div> </div> <div class="remark_mid"> <div class="remark_sigle"> <div class="remarkMid_info"> <div class="info_left"> <img src="./imgs/touxiang.png" alt=""> </div> <div class="info_mid"> <div class="info_name">山村一枝花</div> <div class="info_date">10月31日 9:20:23</div> </div> <div class="info_right"> <div>8882</div> <img src="./imgs/muzhi.png" alt=""> </div> </div> <div class="remarkMid_content"> 欢迎来到美丽的大山世界太刺激了下次有时间还想再来欢迎来到美丽的大山世界太刺激了下次有时间还想再来欢迎来到美丽的大山世界太刺激了下次有时间还想再来欢迎来到美丽的大山世界太刺激了下次有时间还想再来 </div> <div class="remarkMid_btn"> <span>496</span>条回复> </div> </div> </div> <div class="remark_bottom"> <input class="remarkBottom_input" type="text" placeholder="来说两句"> <div class="remarkBottom_send">发送</div> <img src="./imgs/huifu.png" alt=""> </div> </div> </div>  <div class="twoRemarkWrap"> <div class="twoRemark"> <div class="twoRemark_top"> <div class="twoRemarkTop_title"> 评论详情 </div> <div class="twoRemarkop_close"> ∨ </div> </div>  <div class="twoRemark_mid"> <div class="twoRemark_sigle"> <div class="twoRemarkMid_info"> <div class="info_left"> <img src="./imgs/touxiang.png" alt=""> </div> <div class="info_mid"> <div class="info_name">山村二枝花 <span>楼主</span></div> <div class="info_date">10月31日 9:20:23</div> </div> <div class="info_right"> <div>8882</div> <img src="./imgs/muzhi.png" alt=""> </div> </div> <div class="twoRemarkMid_content"> 欢迎来到美丽的大山世界太刺激了下次有时间还想再来欢迎来到美丽的大山世界太刺激了下次有时间还想再来欢迎来到美丽的大山世界太刺激了下次有时间还想再来欢迎来到美丽的大山世界太刺激了下次有时间还想再来 </div> </div> </div>  <div class="twoRemark_wrap"> <div class="twoRemarkWrap_item"> <div class="twoRemarkWrap_info"> <div class="infoItem_left"> <img src="./imgs/touxiang.png" alt=""> </div> <div class="infoItem_mid"> <div class="infoItem_name">山村二枝花 <span>回复 </span> @风吹枫又落</div> <div class="infoItem_date">10月31日 9:20:23</div> </div> <div class="infoItem_right"> <div>8882</div> <img src="./imgs/muzhi.png" alt=""> </div> </div> <div class="twoRemarkWrap_content"> 欢迎来到美丽的大山世界太刺激了下次有时间还想再来欢迎来到美丽的大山世界太刺激了 </div> </div> </div> <div class="twoRemark_bottom_wrap"> <div class="twoRemark_bottom"> <input class="twoRemarkBottom_input" type="text" placeholder="回复"> <div class="twoRemarkBottom_send">发送</div> <img src="./imgs/huifu.png" alt=""> </div> </div> </div> </div> </div> <script type="text/javascript"> window.onload = function () { $.ajax({ type: "GET", url: "#", contentType: 'application/json', data: { page: 1, type: 1 }, dataType: "jsonp", success: function (res) { console.log(res.data) }, error: function (xhr) { console.log(xhr); } }); var arr = [{ title: "温州威客网络科技有限公司", msg: true, state: 'pause', src: 'http://222.178.203.72:19005/whst/63/=aky-uhcdnrzmnrcmz016zmds//1/OverWatch/AnimatedShots/Overwatch_TheatricalTeaser_WeAreOverwatch_zhCN.mp4', videoI

评论收藏

内容反馈