//线上地址
https://activity.50-jia.com/case/h5-1215.html<!DOCTYPE html> <html lang="en"> <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> <meta name="keywords" content="北京家装公司,北京装修,北京整体家装公司,中高端整体家装公司,全案家装年终回馈"/> <meta name="description" content="邀你免费领取大礼包啦!北京家装,为提供实现省时、省心、省力、省钱、有保障的愉悦装修一站式家装服务。预约0元设计,6大风格50套方案任选!"/> <link rel="shortcut icon" href="./../../static/favicon.ico"/> <!-- 统计代码 --> <script> (function (a, e, f, g, b, c, d) { a.ClickiTrackerName = b; a[b] = a[b] || function () { (a[b].queue = a[b].queue || []).push(arguments) }; a[b].start = +new Date; c = e.createElement(f); d = e.getElementsByTagName(f)[0]; c.async = 1; c.src = g; d.parentNode.insertBefore(c, d) })(window, document, 'script', ('https:' == document.location.protocol ? 'https://stm-collect' : 'http://stm-cdn') + '.cn.miaozhen.com/clicki.min.js', 'stm_clicki'); stm_clicki('create', 'dc-XXX', 'auto'); stm_clicki('send', 'pageview'); </script> <!-- 热图 --> <script> stm_clicki('require', 'heatmap', ('https:' == document.location.protocol ? 'https://stm-collect' : 'http://stm-cdn') + '.cn.miaozhen.com/plugins/heatmap.js'); stm_clicki('heatmap:on', 5); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?e32a8472cfc31bf3df52eb99c29a1480";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();</script> <link href="https://50jia-website.oss-cn-beijing.aliyuncs.com/WM/css/reset.css" rel="stylesheet" type="text/css"/> <link rel="stylesheet" type="text/css" href="https://50jia-website.oss-cn-beijing.aliyuncs.com/WM/css/common.css"/> <link rel="stylesheet" type="text/css" href="https://50jia-website.oss-cn-beijing.aliyuncs.com/activity/mcss/activity.css"/> <!--<link rel="stylesheet" type="text/css" href="../../static/mcss/activity.css">--> <link rel="stylesheet" type="text/css" href="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/index.css"> <!--<link rel="stylesheet" type="text/css" href="../../static/h5-1215/index.css">--> <style type="text/css"> @media screen and (min-aspect-ratio: 13/9) { #shuping { position: fixed; z-index: 990; top: 0; left: 0; color: #999; width: 100%; height: 100%; text-align: center; background: #000; display: flex; justify-content: center; align-items: center; } #shuping > div { display: inline-block; width: 60px; } #shuping > div p { line-height: 40px; font-size: 12px; } .shuping-imag { width: 60px; } } @media screen and (max-aspect-ratio: 13/9) { #shuping { display: none; } } </style> <link rel="stylesheet" href="https://50jia-website.oss-cn-beijing.aliyuncs.com/css/swiper.min.css"> <link rel="stylesheet" href="https://50jia-website.oss-cn-beijing.aliyuncs.com/css/animate.min.css"> <!--<link rel="stylesheet" href="Css/gfyh.css">--> <!--<link rel="stylesheet" href="Css/ani.css">--> <script type="text/javascript" charset="utf-8" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" charset="utf-8" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/js/xml2jsonjq.js"></script> <script type="text/javascript" charset="utf-8" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/js/wxpersonal.js"></script> <script type="text/javascript" charset="utf-8" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/js/jweixin-1.0.0.js"></script> <script>window._WX = new wxPersonal(); _WX.setFontSize(1080);</script> <!-- http://www.evener.com/bo/jsphp/wx.php?url --> <base href="https://m.50-jia.com" /> </head> <body> <div id="shuping"> <div> <img class="shuping-imag" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/turn.png"> <p>请竖屏观看</p> </div> </div> <div class="container"> <div class="header"> <a class="back" onClick="javascript:window.history.back();return false;"></a> <h1>品质家装 天下无醛</h1> <span class="menu"></span> </div> <div class="maskMenu" style="display: none;"> <ul class="menuUl"> <li> <a class="sy" href="/index.html"><h4>首页</h4></a> </li> <li> <a class="qajz" href="/zhengzhuang.html"><h4>全案家装</h4></a> </li> <li> <a class="jbzx" href="/juzhuang.html"><h4>局部装修</h4></a> </li> <li> <a class="zxbj" href="/yyonline.html"><h4>装修报价</h4></a> </li> <li> <a class="sjal" href="/caseul.html"><h4>设计案例</h4></a> </li> <li> <a class="grzx" href="/prodManuals/"><h4>产品手册</h4></a> </li> <li> <a class="gywm" href="/aboutUs.html"><h4>关于我们</h4></a> </li> <li> <a class="shareinner" href="javascript:void(0);"><h4>内部分享</h4></a> </li> </ul> </div> <div class="sharebox" style="display: none;"> <span class="x">X</span> <form class="shareform"> <input class="yuangong" name="yuangong" type="text" placeholder="业务系统登录账号ID(拼音)" /> <select class="laiyuan"> <option default>- 请选择来源 -</option> <option value="11">11 销售设计部</option> <option value="07">07 论坛(线下)</option> <option value="09">09 电话营销(线下)</option> <option value="12">12 小区地推(单位房)</option> <option value="17">17 线上推广(营销部)</option> <option value="18">18 社区地推(局装地推)</option> <option value="19">19 商超拦截(线下)</option> <option value="20">20 小区地推(商品房)</option> <option value="21">21 小区地推(自主开发)</option> </select> <input type="submit" value="确定" /> </form> </div> <div class="kv_container"> <div class="swiper-container swiper01"> <div class="swiper-wrapper"> <div class="swiper-slide slide2 swiper-no-swiping"> <div class="centerY1"> <div class="video_box"> <div class="toucharea"> <img src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/poster.png" class="poster" alt=""> <img src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/play_icon.png" class="play_icon" alt=""> </div> <video controls="autoplay" class="myVideo" id="myVideo" poster="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/poster.png" data-index="1" x5-video-player-type="h5" x5-video-player-fullscreen="false" x5-video-orientation="portrait" webkit-playsinline="true" playsinline="true" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/videos/%E4%B8%87%E5%8D%8E%E7%AD%BE%E7%BA%A6%E8%A7%86%E9%A2%91.mp4"></video> </div> <p class="title ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0s"></p> <p class="desc p3 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0s">房子+人=家。</p> <p class="desc p2 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0s">住在里面的人,</p> <p class="desc p2 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0s">用好的生活态度,让家有了幸福感。</p> <p class="desc p2 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0s">冰冷的房子,</p> <p class="desc p1 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0s">也要用好的装修,让家拥有安全性。</p> <p class="desc p3 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0s">当五十家遇上万华,</p> <p class="desc p1 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0s">无醛基材,全系升级,</p> <p class="desc p1 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0s">让家更懂得护你周全。</p> </div> <div class="touch_div"> <img class="imagb1" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/b1.png" alt=""> <img class="imagb2" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/b2.png" alt=""> <img class="imagb3" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/b3.png" alt=""> <img class="imagb6" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/b6.png" alt=""> <div class="touch_circle"></div> <div class="finger_div"></div> </div> <div class="startvod2"></div> </div> </div> </div> </div> <!--第二屏--> <div id="endPage" class="div_end-page"> <div id="dingban"> <img class="logo" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/2_03.png"> <img class="btn1" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/2_18.png"> <img class="imag01" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/2_07.png" alt=""> <img class="imag02" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/2_14.png" alt=""> <img class="imag03" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/2_11.png" alt=""> <div class="backvod"> <img src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/v1.png" alt=""> <img class="backvod-im01" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/v4.png" alt=""> <img class="backvod-im02" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/v2.png" alt=""> <img class="backvod-im03" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/v3.png" alt=""> </div> </div> <!--第三屏--> <div class="div-form"> <!-- <img class="imag04" src="Picture/im4.png" alt=""> --> <!-- <img class="close" src="Picture/im5.png" alt=""> --> <div class="item01 on"> <h2>您的资料</h2> <div class="box"> <div class="form areaform"> <div class="left"> 姓名* <input type="text" placeholder=""> 电话* <input type="tel" placeholder=""> 房屋面积* <input type="number" placeholder=""> </div> <div class="submit btn_jump">提交信息</div> </div> </div> </div> <div class="item02"> <div class="suc-txt1">您的信息已提交成功</div> <div class="suc-txt2">后续将有相关工作人员与您联系</div> <img class="btn3" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/btn3.png" alt=""> <img class="btn4" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/btn4.png" alt=""> </div> </div> </div> <div class="div-video"> <div id="btnbox"> <img class="btnbox-im1 on" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/im7.png" alt=""> </div> <!--<video class="myVideo2" id="myVideo2" poster="" data-index="1" x5-video-player-type="h5" x5-video-player-fullscreen="false" x5-video-orientation="portrait" webkit-playsinline="true" playsinline="true"--> <!--src="https://50jia-website.oss-cn-beijing.aliyuncs.com/videos/%E4%B8%87%E5%8D%8E%E7%AD%BE%E7%BA%A6%E8%A7%86%E9%A2%91.mp4"></video>--> <!--<canvas style="width: 100%; height: 100%;"></canvas>--> </div> <div class="loading"> <p> <span class="txt1">0</span> <span class="txt2">%</span> </p> </div> <!-- object-fit: cover; --> <div class="mzsm"> <img class="close" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/im5.png" alt=""> <h3>免责说明</h3> <div class="swiper-container main-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="disclaimer_content"> <p>请您在使用本网站之前仔细阅读本声明的所有条款。</p> </div> </div> </div> </div> </div> </div> </body> <script type="text/javascript" charset="utf-8" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/microWebsite/js/swiper-4.1.0.min.js"></script> <script type="text/javascript" charset="utf-8" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/js/swiper.animate.min.js"></script> <script type="text/javascript" charset="utf-8" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/H5/1215/index.js"></script> <!--<script type="text/javascript" charset="utf-8" src="../../static/h5-1215/index.js"></script>--> <!--<script type="text/javascript" src="https://50jia-website.oss-cn-beijing.aliyuncs.com/activity/mjs/activity.js"></script>--> <!--乐语m站代码--> <script type="text/javascript" charset="utf-8" src="https://gate.soperson.com/20004047/10107157.js"></script> </html>
H5 案例1 加载 文字阅读
最新推荐文章于 2021-12-21 11:43:34 发布