1 Star 0 Fork 2

打怪兽的凹凸曼/成都车展

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
home.html 29.05 KB
一键复制 编辑 原始数据 按行查看 历史
打怪兽的凹凸曼 提交于 2020-07-09 13:30 . 7.9提交
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gb2312">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>选车网 2020年成都国际车展专题报道</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/idangerous.swiper2.7.6.css">
<link rel="stylesheet" type="text/css" href="css/2018navfoot.css">
<link rel="stylesheet" href="css/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<link rel="stylesheet" href="css/video-js.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/qrcode.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/browser.js"></script>
<script src="js/video.min.js"></script>
<script>
//browserRedirect('http://www.chooseauto.com.cn/autoshow/2019guangzhou/wap/index.shtml');
</script>
</head>
<body>
<!-- 回到顶部 -->
<a name="top"></a>
<!-- 页头 -->
<div class="zz_head">
<div class="zz_con clearfix">
<div class="zz_logo"> <a href="http://www.chooseauto.com.cn"> <img src="image/logo.png" alt="" width="160"
height="43"> </a> </div>
<div class="zz_nav"> <a href="http://www.chooseauto.com.cn" target="_blank" class="hover">首页</a>
<span></span> <a href="/xlph/" target="_blank">销量</a> <span></span> <a href="/dsjph/index.shtml"
target="_blank">大数据</a> <span></span> <a href="/shipin/index.shtml" target="_blank">视频</a>
<span></span> <a href="/shownews/" target="_blank">人物</a> <span></span> <a href="/zixun/"
target="_blank">资讯</a> <span></span> <a href="/xinche/default.shtml" target="_blank">新车</a>
<span></span> <a href="/daogou/default.shtml" target="_blank">导购</a> <span></span> <a
href="/shijia/default.shtml" target="_blank">评测</a> <span></span> <a href="/zhuanlan/default.shtml"
target="_blank">专栏</a> <span></span> <a href="/xinnengyuan/default.shtml" target="_blank">投诉平台</a>
</div>
</div>
</div>
<!---------------------banner---------------------->
<!-- 主体部分 -->
<div class="content-wrap">
<div class="main-wrap">
<div style="width: 100%; height:650px;"></div>
<div class="middle-wrap">
<div class="panada-wrap">
<img src="image/panada.png">
</div>
<!-- 导航菜单 -->
<div class="sec-nav">
<div class="home"><a href="http://www.chooseauto.com.cn" target="_blank">首页</a></div>
<div class="act"> <a href="#xcwzq">新车我最强</a> </div>
<div> <a href="#spjd">舒适度评测</a> </div>
<div> <a href="#nvh">NVH评测</a> </div>
<div> <a href="#xctj">新车速递</a> </div>
</div>
<!-- 新车我最强 -->
<a name="xcwzq"></a>
<div class="xcwzq-wrap clearfix">
<div class="main-left">
<div class="swiper-container swiper-banner">
<a class="swiper-button-prev arrow-left"></a>
<a class="swiper-button-next arrow-right"></a>
<div class="swiper-wrapper">
<div class="swiper-slide slide-items">
<a class="slide-a">
<img
src="http://www.chooseauto.com.cn/image2/2019/11/23/CCD7D1D053B645F7B8C11BC0F75116FA.jpg">
</a>
<div class="slide-tit">
<a href="/zixun/hangye/307046.shtml" target="_blank">新“双积分”政策指向何方</a>
</div>
</div>
<div class="swiper-slide slide-items"> <a class="slide-a">
<img
src="http://www.chooseauto.com.cn/image3/2020/7/6/25FE83B2DF3549A99C9D57A48D8E6236.png">
</a>
<div class="slide-tit">
<a href="/zixun/hangye/307046.shtml" target="_blank">新“双积分”政策指向何方</a>
</div>
</div>
<div class="swiper-slide slide-items"> <a class="slide-a">
<img
src="http://www.chooseauto.com.cn/image4/2020/7/7/C369CDF2C4C14E4EA1146F872138F999.jpg">
</a>
<div class="slide-tit">
<a href="/zixun/hangye/307046.shtml" target="_blank">新“双积分”政策指向何方</a>
</div>
</div>
</div>
<!-- <div class="swiper-button-prev arrow-left" ></div> -->
<!--左箭头。如果放置在swiper-container外面,需要自定义样式。-->
<!-- <div class="swiper-button-next arrow-right"></div> -->
<!--右箭头。如果放置在swiper-container外面,需要自定义样式。-->
</div>
<div class="index-wrap"> <span class="active-num">1</span></div>
</div>
<div class="main-right">
<div class="swiper-container swiper-list">
<div class="swiper-wrapper">
<div class="swiper-slide list-items">
<a href="#" class="list-a">
<img
src="http://www.chooseauto.com.cn//image4/2019/11/23/18F7E0EB01294BF79D9E06FDC0A6BCCE.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</div>
<div class="swiper-slide list-items"> <a href="#" class="list-a">
<img
src="http://www.chooseauto.com.cn//image4/2019/11/23/18F7E0EB01294BF79D9E06FDC0A6BCCE.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</div>
<div class="swiper-slide list-items"> <a href="#" class="list-a">
<img
src="http://www.chooseauto.com.cn//image4/2019/11/23/18F7E0EB01294BF79D9E06FDC0A6BCCE.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</div>
<div class="swiper-slide list-items">
<a href="#" class="list-a">
<img
src="http://www.chooseauto.com.cn//image4/2019/11/23/18F7E0EB01294BF79D9E06FDC0A6BCCE.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</div>
</div>
<!-- <div class="swiper-pagination swiper-banner-paination" id="banner_paination"></div> -->
</div>
</div>
</div>
<!-- 舒适度评测 -->
<a name="spjd"></a>
<div class="spjd-wrap">
<div class="spjd-tit">
<a></a>
</div>
<div class="spjx-con">
<div class="spjd-left">
<iframe height="378" width="480" src="http://player.youku.com/embed/XNDQ0NTE3MjE3Mg=="
frameborder="0"></iframe>
</div>
<div class="spjd-right">
<ul>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
</ul>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="load-more" id="spjd-more" data-state="off">加载更多</div>
<!-- <div class="bottom"></div> -->
<!-- nvh度评测 -->
<a name="nvh"></a>
<div class="nvh-wrap">
<div class="nvh-tit">
<a></a>
</div>
<div class="nvh-con">
<div class="nvh-left">
<!-- <a>
<img src="image/img1.png">
<p>前排舒适度评测:长安CS75 Plus</p>
</a> -->
<a onclick="playVideo(name)" href="javascript:void(0)"
name="http://video.chooseauto.com.cn/%E7%AC%AC%E4%B8%80%E9%9B%86-%E6%9D%8E%E9%80%9A%E5%B9%B3100.mp4">
<img src="image/img1.png" alt="">
<div class="play-btn"></div>
</a>
</div>
<div class="nvh-right">
<ul>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
<li>
<a>
<img
src="http://www.chooseauto.com.cn/daogou/zhinan/images/2019/11/23/A11015FFF8E145D69F1C8B94F0597310.jpg">
<p>前排舒适度评测:长安CS75 Plus</p>
</a>
</li>
</ul>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="load-more" id="nvh-more" data-state="off">加载更多</div>
<!-- 新车速递-->
<a name="xctj"></a>
<div class="xctj-wrap">
<div class="xctj-tit">
<a></a>
</div>
<div class="tj-list">
<ul>
<li>
<a>
<div class="tj-wrap clearfix">
<div class="tj-img">
<img src="image/xcsd-img.png">
</div>
<div class="tj-img-title">
<h3>全新林肯领航员长轴版Navigator&nbsp;L中国首秀</h3>
<div class="tj-title-info">
<div>选车网官方</div>
<div>2020-7-3</div>
</div>
</div>
</div>
</a>
</li>
<li>
<a>
<div class="tj-wrap clearfix">
<div class="tj-img">
<img src="image/xcsd-img.png">
</div>
<div class="tj-img-title">
<h3>全新林肯领航员长轴版Navigator&nbsp;L中国首秀</h3>
<div class="tj-title-info">
<div>选车网官方</div>
<div>2020-7-3</div>
</div>
</div>
</div>
</a>
</li>
<li>
<a>
<div class="tj-wrap clearfix">
<div class="tj-img">
<img src="image/xcsd-img.png">
</div>
<div class="tj-img-title">
<h3>全新林肯领航员长轴版Navigator&nbsp;L中国首秀</h3>
<div class="tj-title-info">
<div>选车网官方</div>
<div>2020-7-3</div>
</div>
</div>
</div>
</a>
</li>
<li>
<a>
<div class="tj-wrap clearfix">
<div class="tj-img">
<img src="image/xcsd-img.png">
</div>
<div class="tj-img-title">
<h3>全新林肯领航员长轴版Navigator&nbsp;L中国首秀</h3>
<div class="tj-title-info">
<div>选车网官方</div>
<div>2020-7-3</div>
</div>
</div>
</div>
</a>
</li>
<li>
<a>
<div class="tj-wrap clearfix">
<div class="tj-img">
<img src="image/xcsd-img.png">
</div>
<div class="tj-img-title">
<h3>全新林肯领航员长轴版Navigator&nbsp;L中国首秀</h3>
<div class="tj-title-info">
<div>选车网官方</div>
<div>2020-7-3</div>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="load-more" id="xctj-more" data-state="off">加载更多</div>
</div>
<!-- middle -wrap结束 -->
<!-- main-wrap结束 -->
</div>
</div>
<div class="footer-wrap">
<div class="footer-con clearfix">
<div class="left">
<div class="foot-logo">
<div class="foot-tip">
<h2><a href="http://www.chooseauto.com.cn/about.shtml" target="_blank">关于我们</a></h2>
<h2><a href="http://www.chooseauto.com.cn/about.shtml" target="_blank">免责声明</a></h2>
</div>
</div>
</div>
<div class="right">
<p>选车网 · 北京正则阳光文化传播有限公司</p>
<p>Copyright 2015 chooseauto.com.cn All Rights Reserved</p>
<p>&nbsp;</p>
<p><i>公司地址:</i>北京市西城区广外大街248号机械大厦1003/1009室</p>
</div>
</div>
<div class="foot-statement">
京ICP备12003842号&nbsp;&nbsp;|&nbsp;&nbsp;京ICP证100662号&nbsp;&nbsp;|&nbsp;&nbsp;北京市朝阳分局网安备案编号:110105002796&nbsp;&nbsp;|&nbsp;&nbsp;广播电视节目制作经营许可证:(京)字第05971号
</div>
</div>
<!-- <div class="bottom"></div>
<div style="clear:both;"></div> -->
<!-- 固定侧边栏 -->
<div class="side-bar-wrap">
<div class="side-bar" style="top: 30%;">
<div class="side-bar-body">
<ul>
<li class="act"> <a href="#xcwzq"></a> </li>
<li> <a href="#spjd"></a> </li>
<li> <a href="#nvh"></a> </li>
<li> <a href="#xctj"></a> </li>
<a class="back-top" id="back-top" href="#top"></a>
</ul>
</div>
<div class="side-bar-foot">
<div class="ewm-wrap">
<img class="wechat" src="image/chooseauto-wx.png" alt="" width="80" height="80">
<!-- <p>选车网官方微信</p> -->
</div>
<div class="ewm-wraps">
<div id="qrcodeTable" style="width:80px;height:80px;">
<img class="mobile" src="image/mobile.png"></div>
<!-- <p style="color: #fff;">手机看车展</p> -->
</div>
</div>
</div>
</div>
<!-- 视频弹框 -->
<div class="mask">
<div class="close" onclick="closeVideo()">
<img src="image/close.png" alt="">
</div>
<div class="video-wrap">
<video id="video" class="video-js vjs-default-skin" preload="none" style="object-fit: fill; width: 100%; height: 100%"
poster="" data-setup='{}'>
<source src="" class="build-source" />
<source src="" type='video/webm' />
<source src="" type='video/ogg' />
</video>
</div>
</div>
<script src="js/global.js" charset="gb2312"></script>
<script>
var myVid = videojs('video');
// 视频弹框
function playVideo(name) {
console.log("aa");
console.log(name);
$(".mask").show();
var source = name;
console.log(source);
$(".build-source").attr("src", source);
myVid.src(source); //重置video的src
myVid.load(source); //使video重新加载
myVid.play();
$(".vjs-big-play-button").css("display", "none");
console.log(source);
}
function closeVideo() {
myVid.pause();
$(".mask").hide();
}
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/smilecyh/chengdu_auto_show.git
git@gitee.com:smilecyh/chengdu_auto_show.git
smilecyh
chengdu_auto_show
成都车展
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385