一览移动端下载

<!DOCTYPE html> <html> <head> <meta charset="gbk"> <title>一览移动端下载</title> <link rel="stylesheet" href="//img3.job1001.com/job1001/download/css/fullpage.css" /> <link rel="stylesheet" href="//img3.job1001.com/job1001/download/css/reset.css" /> <link rel="stylesheet" href="//img3.job1001.com/job1001/download/css/index.css?v=20200120001" /> <link rel="stylesheet" href="//img3.job1001.com/zhuanti/oAlcw/yljob/css/slick.css"/> <link rel="stylesheet" href="//img3.job1001.com/job1001/5.0/css/public.css?v=20191224001" /> <link rel="stylesheet" href="//img3.job1001.com/zhuanti/oAlcw/yljob/css/idangerous.swiper2.7.6.css"/> <link rel="stylesheet" href="//img3.job1001.com/job1001/download/css/index_v1.css" /> <link rel="stylesheet" href="//img3.job1001.com/job1001/download/css/yl_download_index_v2.css?v=2022053103"/> </head> <body>  <div id="navHeader"> <style> #header { position: relative; z-index: 1; } .hy-nav { float: left; position: relative; z-index: 10; margin: 50px 0 0 10px; } .hy-nav .hy-span { border: none; background-color: #fff; position: relative; left: 10px; bottom: 10px; } .hy-nav .hy-em { font-size: 20px; color: #fa4144; font-weight: bold; } .hy-nav .hy-san { background-image: url(http://img3.job1001.com/job1001/5.0/images/job_icon.png); background-repeat: no-repeat; background-position: -287px -63px; display: inline-block; height: 7px; overflow: hidden; vertical-align: middle; width: 20px; } .hy-navContent { background: none repeat scroll 0 0 #fff; border: 1px solid #e6e6e6; box-shadow: 0 1px 5px #c4c4c4; display: none; left: 0; padding: 8px 0; position: absolute; top: 20px; width: 450px; z-index: 999; } .hy-navContent li { float: left; height: 26px; line-height: 26px; overflow: hidden; } .hy-navContent li a { display: block; height: 26px; padding-left: 20px; color: #282828; } </style>  <div id="header"> <div class="wrapper"> <div id="logo"><span></span><a href="http://kc.job1001.com/" title="一览矿产英才网--矿业行业专业的人才求职，矿山企业招聘的网站！"><img alt="一览矿产英才网--矿业行业专业的人才求职，矿山企业招聘的网站！" src="//img3.job1001.com/logo200/kc_logo.gif?1"></a> </div>  <div id="menu"> <ul> <li><a title="首页" data-url="/xuanchuan/appload/index.php&index.php" class="menu_on " href="/index.php" target="">首页</a></li> <li><a title="职位搜索" data-url="/xuanchuan/appload/index.php&index.php" class=" " href="/SearchResult.php" target="">职位搜索</a></li> <li><a title="应届生招聘" data-url="/xuanchuan/appload/index.php&index.php" class=" " href="http://yjs.job1001.com" target="_blank">应届生招聘</a></li> <li><a title="企业服务" data-url="/xuanchuan/appload/index.php&index.php" class=" " href="http://www.yl1001.com/yl1001homeEnterprise/" target="">企业服务</a></li> <li><a title="职业成长社区" data-url="/xuanchuan/appload/index.php&index.php" class=" " href="http://www.yl1001.com/" target="_blank">职业成长社区</a></li> </ul> </div>  </div> </div>  </div> <div id="fullpage"> <div class="section section0" id="section0"> <div class="intro index"> <div class="right-img"> <img src="//img3.job1001.com/download/images/pc_section0_right_img.png?v=1"> </div> <div class="top-text animation fadein-up"></div> <div class="btns-qr"> <div class="app-btns animation fadein-up clearfix"> <a href="http://itunes.apple.com/us/app/yi-lan-ying-cai/id468319885?l=zh&ls=1&mt=8" target="_blank" class="app-btn-icon app-iphone"> <img class="btn-icon-iphone" src="//img3.job1001.com/download/images/pc_section_download_iphone.png" /> IOS下载 </a> <a href="http://file.yl1001.com/apk/job_btn_user.apk" target="_blank" class="app-btn-icon app-android"> <img class="btn-icon-android" src="//img3.job1001.com/download/images/pc_section_download_android.png" /> Android下载 </a> </div> <div class="qrcode animation fadein-up"> <img class="top-code" src="//img3.job1001.com/download/images/pc_section0_applogo.png?v=01" /> </div> </div> </div> </div> <div class="section section1" id="section1"> <div class="intro czhy">  <div class="czhy-left"> <img class="no-drage" src="//img3.job1001.com/download/images/pc_section1_main_text.png" /> </div> <div class="czhy-phone animation"></div> <div class="czhy-cont"> <div class="czhy-cont-img animation fade"></div>  </div> </div> </div> <div class="section section2" id="section2"> <div class="intro xyzp"> <div class="left-figure animation fadein-left"> <div class="app-index"> <div class="app-inner animation"></div> </div> <div class="app-tip"></div> </div> <div class="right-text animation fadein-right"></div> </div> </div> <div class="section section3" id="section3"> <div class="intro question"> <div class="top-text animation fadein-down"></div> <div class="animation fadein-down" style="display: inline-block;vertical-align: middle;position: relative;"> <div class="video-cont animation fadein-right"> <div class="play-inner app-inner animation"></div> </div> <div class="app-tip"></div> </div> </div> </div> <div class="section section4" id="section4"> <div class="intro ssgt"> <div class="left-figure animation fadein-right"> <div class="app-index"> <div class="app-inner animation"></div> </div> <div class="app-tip"></div> </div> <div class="right-text animation fadein-left"></div> </div> </div> <div class="section section5" id="section5"> <div class="intro kpzp"> <div class="right-text animation fadein-right"></div> <div class="left-figure animation fadein-left"> <div class="app-index"> <div class="app-inner animation"></div> </div> <div class="app-tip"></div> </div> </div> </div>  </div> <div class="download-nav"> <div class="dl-btn-box nav-open"> <a href="http://itunes.apple.com/us/app/yi-lan-ying-cai/id468319885?l=zh&ls=1&mt=8" target="_blank"> <div class="flat-btn dl-btn-iphone front-btn"> <img class="btn-pic" src="//img3.job1001.com/download/images/pc_download_icon_apple.png" /></br> <span class="btn-text">IOS下载</span> </div> </a> <a href="http://file.yl1001.com/apk/job_btn_user.apk"> <div class="flat-btn dl-btn-android front-btn"> <img class="btn-pic" src="//img3.job1001.com/download/images/pc_download_icon_android.png" target="_blank" /></br> <span class="btn-text">安卓下载</span> </div> </a> <div class="flat-btn dl-btn-qr front-btn"> <img class="btn-pic" src="//img3.job1001.com/download/images/pc_download_icon_qr.png" /></br> <span class="btn-text">扫码下载</span> </div> <div class="flat-btn dl-switch" style="position: relative;"> <img class="btn-pic" src="//img3.job1001.com/download/images/pc_download_icon_open.png" /></br> <span class="btn-text switch-text">收起</span> </div> </div> </div> <div class="float-qr"> <img src="//img3.job1001.com/download/images/pc_section0_applogo.png?v=01" /> </div> <script src="//img3.job1001.com/job1001/download/js/jquery.js"></script> <script src="//img3.job1001.com/job1001/download/js/fullpage.min.js"></script> <script src="//img3.job1001.com/job1001/download/js/slick.js"></script>   <script type="text/javascript"> $(function () { // $('.video-cont').css('display', 'none'); $("#fullpage").fullpage({ anchors: ["one", "two", "three", "four", "five", "six"], sectionsColor: [ "#F0FBFB", "#FAFEFF", "#E6F7FF", "#F5FAFC", "#F6FCFF", "#F4FBFF", ], navigation: true, navigationPosition: "right", css3: true, afterRender: function () { // $('video').get(0).play(); }, licenseKey: "OPEN-SOURCE-GPLV3-LICENSE", }); // $(".slick").slick({ autoplay: true, autoplaySpeed: 1000, infinite: true, slidesToShow: 5, slidesToScroll: 1, }); document.getElementsByClassName("no-drage")[0].onmousedown = function ( e ) { e.preventDefault(); }; }); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a2cccb25ea1b4807cf3720f792c919c1"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> $downLoadWindow = $(".download-nav"); $dlBox = $(".dl-btn-box"); $dlIphoneBtn = $(".dl-btn-iphone"); $dlAndroidBtn = $(".dl-btn-android"); $dlQerBtn = $(".dl-btn-qr"); $dlBtnSwitch = $(".dl-switch"); $switchText = $(".switch-text"); $switchPic = $(".btn-pic"); $floatQr = $(".float-qr"); $floatQr.hide(); var switchType = "open"; $dlBtnSwitch.on("click", function () { if (switchType == "close") { $downLoadWindow.css({ 'height': '336px', }) $dlBox.addClass('nav-open'); $dlBox.removeClass('nav-close'); $switchText.html("收起"); $switchPic.removeClass("active"); switchType = "open"; } else { $downLoadWindow.css({ 'height': '84px', }) $dlBox.addClass('nav-close'); $dlBox.removeClass('nav-open'); $switchText.html("展开"); $switchPic.addClass("active"); switchType = "close"; } }) $dlIphoneBtn.hover(function () { $(this).find(".btn-pic").attr("src", "//img3.job1001.com/download/images/pc_download_icon_applewhite.png"); }, function () { $(this).find(".btn-pic").attr("src", "//img3.job1001.com/download/images/pc_download_icon_apple.png"); }) $dlAndroidBtn.hover(function () { $(this).find(".btn-pic").attr("src", "//img3.job1001.com/download/images/pc_download_icon_androidwhite.png"); }, function () { $(this).find(".btn-pic").attr("src", "//img3.job1001.com/download/images/pc_download_icon_android.png"); }) $dlQerBtn.hover(function () { $floatQr.show(); $(this).find(".btn-pic").attr("src", "//img3.job1001.com/download/images/pc_download_icon_qrwhite.png"); }, function () { $floatQr.hide(); $(this).find(".btn-pic").attr("src", "//img3.job1001.com/download/images/pc_download_icon_qr.png"); }) function showLeftBtn() { if ($("body").hasClass("fp-viewing-one")) { $(".download-nav").css({ left: "-84px" }) } else { $(".download-nav").css({ left: "0px" }) } } $(window).on("wheel", function (data) { setTimeout(function () { showLeftBtn(); }, 200); }) if (location.hash == "#one" || location.hash == "") { $(".download-nav").css({ left: "-84px" }) } else { $(".download-nav").css({ left: "0px" }) } $(document).ready(function () { $("#fp-nav a").on("click", function (ele) { setTimeout(function () { showLeftBtn(); }, 200); }) }); </script> </body> </html>

CINXE.COM

一览移动端下载