http status code 200 is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: ugt.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html> <head> <title>WanHo Hardware All RIGHTS RESERVED. </title> <meta name="keywords" content="WanHo Hardware All RIGHTS RESERVED. "/> <meta name="description" content="WanHo Hardware All RIGHTS RESERVED. "/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="content-language" content="zh-CN"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <link rel="stylesheet" href="static/css/bootstrap.css" type="text/css" media="screen"> <link rel="stylesheet" href="static/css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="static/css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="static/css/mobile.css" type="text/css" media="screen"> <script src="static/js/jquery-1.11.3.js" type="text/javascript"></script> <script src="static/js/bootstrap.js" type="text/javascript"></script> <script src="static/js/jquery.easing.1.3.js" type="text/javascript"></script> <script src="static/js/jquery.transit.js" type="text/javascript"></script> <script src="static/js/html5.min.js" type="text/javascript"></script> <script src="static/js/bocfe.js" type="text/javascript"></script> <script src="static/js/plug.preload.js" type="text/javascript"></script> <script src="static/js/share.js" type="text/javascript"></script> <script src="static/js/TweenMax.min.js" type="text/javascript"></script> <!-- <script src="demo/js/jquery.js" type="text/javascript"></script> <script src="demo/js/checkform.js" type="text/javascript"></script> --> </head> <body> <!-- <div class="load-box"> <img src="static/picture/logo02_h.png" alt="" class="picture"> <div class="load-img"></div> <div class="tbox"> <div class="tiao"></div> </div> </div> --> <header class="f-cb"> <a href="index.php" class="logo fl"> <img src="static/picture/logo01.png" alt="" class="one"> <img src="static/picture/logo02.png" alt="" class="two"> </a> <div class="fl china"> <p>China</p> <p>top 500 enterprises</p> </div> <nav class="tit"> <span class="line01 span01"></span> <span class="line02 span02"></span> <span class="line01 span03"></span> </nav> <!-- <a class="search-box-btn" href="javascript:;"></a> --> <div class="search-box search-one"> <form action="product1.php" onsubmit="return check()"> <input type="text" placeholder="SEARCH" name="keyword" id="" class="text"> <input type="submit" value="" class="submit"> </form> </div> <a href="./en/index.php" class="en fr">英文</a> <a href="./ft/index.php" class="en fr">繁体</a> <div class="bdsharebuttonbox"> <!-- <a href="http://oa.chinayinyi.com" class="bds_oa" target="_blank"></a> --> <a href="mailto: [email protected]" class="bds_em" target="_blank"></a> <a href="javascript:;" class="bds_weixin"></a> </div> <div class="weixin-box"> <img src="upimg/2022061610184357.png" alt="" class="weixin-pic"> <span class="close"></span> </div> <ul class="nav-list"> <li class="act"> <a href="index.php" class="t">首页</a> </li> <li > <a href="about.php" class="t">关于运豪</a> </li> <!-- <li> <a href="news.php" class="t">新闻中心</a> </li> --> <li > <a href="product.php" class="t">产品展示</a> </li> <li > <a href="zcyh.php" title="">增城运豪</a> </li> <li > <a href="ynyh.php" title="">印尼运豪</a> </li> <li > <a href="yingshua.php" title="">彩能印刷</a> </li> <li > <a href="news.php" title="">设备产能</a> </li> <li > <a href="contact.php" class="t">联系我们</a> </li> </ul> <div class="nav-box"> <div class="bg"></div> <div class="nav-list-box"> <div class="search-box search-two"> <form action="product1.php" method="get"> <input type="text" placeholder="" name="keyword" id="" class="text"> <input type="submit" value="" class="submit"> </form> </div> <ul> <li> <h2><span>01</span><a href="javaScript:;">关于运豪</a></h2> <div class="nav-list-box_ul"> <p><a href="about.php?id=1">运豪简介</a></p> <p><a href="about.php?id=2">运豪文化</a></p> <p><a href="about.php?id=3">证书及专利</a></p> <p><a href="about.php?id=4">企业视频</a></p> </div> </li> <li> <h2><span>02</span><a href="javaScript:;">产品展示</a></h2> <div class="nav-list-box_ul"> <p><a href="product.php?lm=1">工程车</a></p> <p><a href="product.php?lm=2">轿车</a></p> <p><a href="product.php?lm=3">其他车模</a></p> <p><a href="product.php?lm=4">彩能印刷</a></p> </div> </li> <li> <h2><span>03</span><a href="javaScript:;">增城运豪</a></h2> <div class="nav-list-box_ul"> <p><a href="zcyh.php?lm=5">增城运豪简介</a></p> <p><a href="zcyh.php?lm=6">产品制作</a></p> <p><a href="zc_product.php">产品展示</a></p> </div> </li> <li> <h2><span>04</span><a href="javaScript:;">印尼运豪</a></h2> <div class="nav-list-box_ul"> <p><a href="ynyh.php?lm=7">印尼运豪简介</a></p> <p><a href="ynyh.php?lm=8">产品制作</a></p> <p><a href="ynyh.php?lm=13">视频展示</a></p> <p><a href="yn_product.php">产品展示</a></p> </div> </li> <li> <h2><span>05</span><a href="javaScript:;">彩能印刷</a></h2> <div class="nav-list-box_ul"> <p><a href="yingshua.php?lm=9">彩能简介</a></p> <p><a href="yingshua.php?lm=10">产品工艺</a></p> <p><a href="yingshua.php?lm=11">彩膜应用</a></p> <p><a href="yingshua.php?lm=12">彩膜转贴视频</a></p> <p><a href="ys_product.php">产品展示</a></p> </div> </li> <li> <h2><span>06</span><a href="javaScript:;">设备产能</a></h2> <div class="nav-list-box_ul"> <p><a href="news.php?lm=1">主要设备</a></p> <p><a href="news.php?lm=2">企业产能</a></p> </div> </li> <li> <h2><span>07</span><a href="contact.php">联系我们</a></h2> </li> </ul> </div> </div> </header> <script> $(function(){ $(".nav-list-box ul li").click(function() { // console.log($(this).children(".nav-list-box_ul")); // $(this).children(".nav-list-box_ul").slideToggle(); $(this).children(".nav-list-box_ul").slideToggle().parent().siblings().children(".nav-list-box_ul").slideUp(); }); }) function check() { var key = $("#skey").val(); if (key.trim() == '' || key == '') { return false; } return true; } $(function() { csx(); $(window).resize(function() { csx(); }) function csx() { var win = $(window).width(); if (win > 1024) { $('.search-box').hover(function() { $('.search-box').addClass("on"); }, function() { $('.search-box').removeClass("on"); }) } } $('.bds_weixin').on('click', function() { $('.weixin-box').fadeIn(); }) $('.weixin-box .close').on('click', function() { $('.weixin-box').fadeOut(); }) $('.search-box-btn').click(function() { if ($(this).hasClass('on')) { $('.search-box').removeClass('on'); $(this).removeClass('on'); $('.search-box .submit').hide() } else { $('.search-box').addClass('on'); $(this).addClass('on'); setTimeout(function() { $('.search-box .submit').fadeIn() }, 300) } }) }) </script> <div id="i-wrap"> <div class="i-wrap i-wrap1 section1 i-ban"> <ul class="slides"> <li style="background:url(upimg/2022061515070951.jpg) no-repeat center;"> <a href=""> <img src="static/picture/158795958637uqs33.png" alt="2" class="bg"> <p class="more"></p> </a> </li> <li style="background:url(upimg/2022061515062189.jpg) no-repeat center;"> <a href=""> <img src="static/picture/158795958637uqs33.png" alt="2" class="bg"> <p class="more"></p> </a> </li> <li style="background:url(upimg/2022062416164651.jpg) no-repeat center;"> <a target="_blank" href="about.php"> <img src="static/picture/158795958637uqs33.png" alt="2" class="bg"> <p class="more"></p> </a> </li> <li style="background:url(upimg/2022061515082244.jpg) no-repeat center;"> <a href=""> <img src="static/picture/158795958637uqs33.png" alt="2" class="bg"> <p class="more"></p> </a> </li> </ul> <div class="w1200 i-ban-link"> <ul> <li> <a href="about.php"> <h2>关于运豪</h2> <p>以客为尊 以勤为本 以质取胜 以效创利<br />全球合金仿真模型车最精致的生产厂之一</p> </a> <span class="bg"></span> </li> <li> <a href="product.php"> <h2>产品展示</h2> <p>信守“以客为尊”的承诺,以优质产品和完善售后服务,为顾客提供“精”“优”彩膜产品为己任</p> </a> <span class="bg"></span> </li> <li> <a href="news.php"> <h2>设备产能</h2> <p>以生产高精密仿真模型车为主营业务</p> </a> <span class="bg"></span> </li> </ul> </div> </div> <div class="i-wrap i-wrap2 section2" style="background:url(static/image/wel06.png ) no-repeat center;"> <div class="w1200 f-cb"> <div class="left"> <a href="about.php" class="walk">关于运豪</a> <h2>运豪简介</h2> <p class="line_4"><span style="font-size:16px;">运豪集团于1981年成立于香港,机构成员由多个不同公司组成。1989年自资在广东省增城市石滩镇沙庄街龙地村兴建厂房,并成立增城市运豪五金塑料有限公司,注册金额为6400万元,属于港澳台独资有限公司,是香港运豪机铸有限公司的全资公司。运豪主要生产高精密锌合金仿真模型车、按客户规格制造合金塑料玩具、吸塑、彩膜等产品,生产基地占地60余亩。<br /> </span><br /> <span style="font-size:16px;">增城市运豪五金塑料有限公司是广东省加工贸易转型升级示范企业也是广东省百家知识产权优势企业之一。公司所生产销售的各类高端模型车、运动头盔和彩膜产品均在国内外处于领先地位,在欧美等国家享负盛名,荣获美国质量、服务、价格认证,并获得客户高度评价。</span><br /> <span style="font-size:16px;"><br /> 公司产品表面彩膜的低温无毒、一次性加热转印新工艺彻底改变了传统的喷涂、丝印、彩印等手工操作和高温、长时间烘烤的陈旧工艺。公司至今已获得“实用新型及其它发明专利”共76项,在全国发明展览会获得三项发明金奖,董事长谭哲豪先生被评为“广州市十大优秀发明家之一”,是广州市科技成果重点推广企业。</span><br /> <div> <br /> </div></p> <a href="about.php" class="more">了解更多</a> </div> <div class="rigth"> <img src="upimg/2022051016044040.jpg" alt="" class="bg"> <img src="upimg/2022051016042945.jpg" alt="关于运豪" class="pic"> </div> </div> </div> <div class="i-wrap i-wrap3 section3" id="hero-area"> <div class="inliner-banner"> <ul> <li style="background:url(upimg/2022051016021510.jpg) no-repeat center;background-size:cover;"> <a href="product1.php?lm=1"> </a> </li> <li style="background:url(upimg/2022051016023828.jpg) no-repeat center;background-size:cover;"> <a href="product1.php?lm=2"> </a> </li> <li style="background:url(upimg/2022051016025827.jpg) no-repeat center;background-size:cover;"> <a href="product1.php?lm=3"> </a> </li> <li style="background:url(upimg/2022051016032123.jpg) no-repeat center;background-size:cover;"> <a href="product1.php?lm=4"> </a> </li> </ul> </div> <div class="inliner-bg"> <span class="one"></span> <span class="two"></span> </div> <div class="inliner-list"> <span class="bg"></span> <span class="bg"></span> <span class="bg"></span> <span class="bg"></span> <ul class="box"> <li class="li0"></li> <li class="li1"></li> <li class="li2"></li> <li class="li3"></li> </ul> </div> <div class="inliner-banner-con"> <ul> <li> <a href="product1.php?lm=1"> <span class="con"> <h3>工程车</h3> <h2>engineering vehicle</h2> <i></i> <p class="font">90%零件是合金材质,各个关节和真车一样可以活动,履带车轮转动,发动机盖可打开,金属履带,仿真实际仿真制作,活动部件较多。</p> <p class="more">了解更多</p> </span> </a> </li> <li> <a href="product1.php?lm=2"> <span class="con"> <h3>轿车</h3> <h2>car</h2> <i></i> <p class="font"> 车身,左右四门,后盖和发动机盖和为合金材;质前后车轮避震,车门可打开,发动机盖和后盖可取下,可清晰看见发动机各部位组件。方向盘控制前轮转向,织物安全带,金属刹车盘。<br /><br /><br /><br /></p> <p class="more">了解更多</p> </span> </a> </li> <li> <a href="product1.php?lm=3"> <span class="con"> <h3>其他车模</h3> <h2>other car models</h2> <i></i> <p class="font">车身为锌合金材质;前后轮子可转,前轮可左右转向,后轮带避震功能;能清楚见到各部件的逼真构造;后支撑架单独安装。</p> <p class="more">了解更多</p> </span> </a> </li> <li> <a href="product1.php?lm=4"> <span class="con"> <h3>彩能印刷</h3> <h2>Color energy printing</h2> <i></i> <p class="font">UGT产品装饰是一项全新的色彩图案转移方案,可以极高难度的色彩、图案,有效地转移到各类玩具、电子产品、家具用品、汽车、及工业产品上,产品表面就算凹凸不平,UGT产品依然应付自如,真正做到「花样百出,色彩众多」!</p> <p class="more">了解更多</p> </span> </a> </li> <!-- <li> <a href="real.html"> <span class="con"> <h3>房地产开发</h3> <h2>Real Estate Development</h2> <i></i> <p class="font"> 集团旗下的银亿股份有限公司(股票代码:000981)拥有国家一级房地产开发资质,以宁波为总部,跨区域发展,20多年来成功开发90个项目,建筑面积超过1250万平方米,开发区域从宁波稳步扩展至上海、南京、南昌、舟山、沈阳、大庆等多个大中城市,并进军海外市场。 </p> <p class="more">了解更多</p> </span> </a> </li> <li> <a href="service.html"> <span class="con"> <h3>国内外贸易和现代服务业</h3> <h2>Trade and Modern Services</h2> <i></i> <p class="font"> 集团以全球化经营为战略路径,以高质量、高标准、高品质为追求目标,大力发展大宗商品贸易、高档物业、五星级酒店等产业业态,提升银亿品牌知名度。</p> <p class="more">了解更多</p> </span> </a> </li> --> </ul> </div> </div> <div class="i-wrap i-wrap4 section4" style="background:#fff;"> <div class="box f-cb"> <div class="left"> <h1>Latest News<br>Media Reports</h1> <h2>设备产能</h2> <p>实时更新运豪产能,了解运豪文化,了解运豪人。</p> <div class="btns f-cb"> <a href="javascript:;" class="prev"></a> <a href="javascript:;" class="next"></a> <i></i> </div> <a href="news.php" class="more">了解更多</a> </div> <div class="right"> <ul> <li> <a href="news_show.php?id=5"> <p class="day">05</p> <p class="data">2022 / 05</p> <h2 class="line_2">主要设备</h2> <p class="latest">Latest News</p> <p class="pic"> <img src="upimg/2022052711231125.png"> </p> <p class="font line_4"> 主要设备 </p> <p class="more"></p> <p class="bg"></p> </a> </li> <li> <a href="news_show.php?id=4"> <p class="day">05</p> <p class="data">2022 / 05</p> <h2 class="line_2">企业产能</h2> <p class="latest">Latest News</p> <p class="pic"> <img src="upimg/2022052518204682.jpg"> </p> <p class="font line_4"> 企业产能 </p> <p class="more"></p> <p class="bg"></p> </a> </li> </ul> </div> </div> </div> </div> <div class="wel-number"> <span class="num">01</span> / 04 </div> <div class="wel-page f-cb"> <ul> <li> <span class="line"></span> </li> <li> <span class="line"></span> </li> <li> <span class="n">首页</span> <span class="line"></span> </li> <li> <span class="n">走进运豪</span> <span class="line"></span> </li> <li> <span class="n">产品展示</span> <span class="line"></span> </li> <li> <span class="n">设备产能</span> <span class="line"></span> </li> <li> <span class="line"></span> </li> <li> <span class="line"></span> </li> </ul> </div> <footer> <div class="w1200 f-cb"> <p class="fl"> <a href="about.php">关于运豪</a> | <a href="news.php">设备产能</a> | <a href="product.php">产品展示</a> </p> <p class="fr"> ©2022 WanHo Hardware All RIGHTS RESERVED. <a href="http://www.heyou51.com" target="_blank">网站建设</a>: <a href="http://heyou51.com" target="_blank">合优网络</a> </p> </div> </footer> <script src="static/js/main.js" type="text/javascript"></script> <script src="static/js/jquery.mousewheel.js" type="text/javascript"></script> <script src="static/js/jquery.flexslider.js" type="text/javascript"></script> <link rel="stylesheet" href="static/css/flexslider.css" type="text/css" media="screen"> <script src="static/js/touch.js" type="text/javascript"></script> <script src="static/js/plug.preload.js" type="text/javascript"></script> <script src="static/js/product_banner.js" type="text/javascript"></script> <script> (function(a, b) { var winH = function() { return b.documentElement.clientHeight || b.document.body.clientHeight; } var h = winH(), wrap = a('#i-wrap'), section = wrap.children('.i-wrap'), bottom = a('footer'), bH = bottom[0].offsetHeight, index = 1, timer = null, nav = function() { var nav = document.createElement('ul'); nav.setAttribute('id', 'i-navli'); var liHtml = '' for (var i = 0; i < section.length; i++) { liHtml += '<li></li>' }; nav.innerHTML = liHtml; document.body.appendChild(nav); a('#i-navli').find('li').eq(0).addClass('current'); }; function setH(h) { a.each(section, function(i, n) { a(n).height(h) }) } //document.body.style.height=h+'px', var windowWidth = $(window).width(); if (windowWidth > 1024) { a("body,html").addClass('ovh'); setH(winH()), nav(), a(document).on('mousewheel', wheel); setTimeout(function() { a('body,html').animate({ scrollTop: 0 }, 1) }, 230) } else { a("body,html").removeClass('ovh'); a(".i-wrap").attr("style", ""); } // $(window).resize(function(){ // var windowWidth = $(window).width(); // if (windowWidth > 1024) { // a("body,html").addClass('ovh'); // setH(winH()) // }else{ // a("body,html").removeClass('ovh'); // a(".i-wrap").attr("style",""); // } // }) function wheel(e, a) { timer || (timer = setTimeout(function() { timer = null }, 500), goPage(a)) } a('#i-navli').on('click', 'li', function() { index = a('#i-navli').find('li').index(this) + 1; setNav.call(null, index) TS.call(null, index) $(this).siblings().find('span').hide(); getinto(index) // if (index == 1) { // $("header").removeClass('fadeOutTop'); // $(".float-menu").addClass('fadeOutLeft'); // }else{ // $("header").addClass('fadeOutTop'); // $(".float-menu").removeClass('fadeOutLeft'); // } }) var TS = function(i) { if (i == section.length + 1) { var h = scrollTops(i, true); top.call(document, h) } else { var h = scrollTops(i); top.call(document, h) } }, top = function(h) { a('html,body').stop().animate({ scrollTop: h }, 800, "easeInOutExpo") }, setNav = function(i) { if (i >= 0 && i < 2) { a('#i-navli').find('li').removeClass('current'); a('#i-navli').find('li').eq(0).addClass('current') } else if (i >= section.length && i < section.length + 2) { a('#i-navli').find('li').removeClass('current'); a('#i-navli').find('li').eq(section.length - 1).addClass('current') } else { a('#i-navli').find('li').removeClass('current'); a('#i-navli').find('li').eq(i - 1).addClass('current') } }, scrollTops = function(i, b) { var obj = $('.section' + i); if (b) { if ($('footer').length > 0) { return $('footer').offset().top } } else if (obj.length > 0) { return obj.offset().top } }, goPage = function(num) { if (num > 0) { index--; if (index < 1) { index = 1; return false; } } else { index++; if (index > section.length + 1) { index = section.length + 1; return false; } } setNav.call(null, index) TS.call(b, index); getinto(index); // if (index == 1) { // $("header").removeClass('fadeOutTop'); // $(".float-menu").addClass('fadeOutLeft'); // }else{ // $("header").addClass('fadeOutTop'); // $(".float-menu").removeClass('fadeOutLeft'); // } } window.onresize = function() { var h = winH(); var width = $(window).width(); if (width > 1024) { setH(h), scrollTops(), TS(index); a(document).on('mousewheel', wheel); $("body,html").addClass('ovh'); setH(winH()) } else { $("body,html").removeClass('ovh'); a(document).off("mousewheel"); a(".i-wrap").attr("height", "auto"); } }, a(document).on('keyup', function(e) { var width = $(window).width(); if (width > 1024) { setH(h), scrollTops(), TS(index); a(document).on('mousewheel', wheel); if (e.keyCode == 40 || e.keyCode == 39) { index++; if (index >= section.length + 1) index = section.length + 1 TS.call(null, index), setNav(index); getinto(index); } else if (e.keyCode == 37 || e.keyCode == 38) { index--; if (index <= 0) index = 0; TS.call(null, index), setNav(index); getinto(index); } } else { $("body,html").removeClass('ovh'); a(document).off("mousewheel"); } }) })(jQuery, document); var $window = $(window), flexslider = { vars: {} }; function getinto(index) { if (index == 1) { $('header').addClass("one"); $('footer').hide(); setTimeout(function() { $('.i-ban .slides li.flex-active-slide img').stop().animate({ top: 0, opacity: 1 }, 800); $('.i-ban .slides li.flex-active-slide .more').stop().animate({ top: 0, opacity: 1 }, 800) $('.i-ban-link li').each(function() { var index = $(this).index(); $(this).delay(index * 200).animate({ top: 0, opacity: 1 }, 400); }) $('.wel-page li').eq(index + 1).addClass("on").siblings("li").removeClass("on"); $('.wel-page ul').stop().animate({ top: 0 }, 300); }, 700) } else { $('header').removeClass("one"); $('footer').show(); $('.i-ban .slides li.flex-active-slide img').stop().animate({ top: 0, opacity: 1 }, 800); $('.i-ban .slides li.flex-active-slide .more').stop().animate({ top: 0, opacity: 1 }, 800) $('.i-ban-link li').each(function() { var index = $(this).index(); $(this).delay(index * 200).animate({ top: 50, opacity: 0 }, 400); }) } if (index == 1 || index == 3) { $('#i-navli').addClass("one"); $('.wel-page').addClass("one"); } else { $('#i-navli').removeClass("one"); $('.wel-page').removeClass("one") } if (index == 2 || index == 4 || index == 5) { $('.wel-number').addClass("on"); } else { $('.wel-number').removeClass("on"); } if (index == 2) { $('.wel-number .num').html('0' + index); setTimeout(function() { $('.i-wrap2 .left').stop().animate({ left: 0, opacity: 1 }, 1000) $('.i-wrap2 .rigth').stop().animate({ right: 0, opacity: 1 }, 500, function() { $('.i-wrap2 .rigth .pic').transition({ 'transform': 'scale(1)' }, 500) }) $('.wel-page li').eq(index + 1).addClass("on").siblings("li").removeClass("on"); $('.wel-page ul').stop().animate({ top: -(28) }, 800); }, 700) } else { $('.i-wrap2 .left').stop().animate({ left: -50, opacity: 0 }, 800) $('.i-wrap2 .rigth .pic').transition({ 'transform': 'scale(0)' }, 500) $('.i-wrap2 .rigth').stop().animate({ right: -50, opacity: 0 }, 800) } if (index == 3) { $('.wel-number .num').html('0' + index); $('footer').addClass("one"); setTimeout(function() { $('.inliner-banner-con li .con').transition({ 'transform': ' scale(1)' }, 800) $('.i-wrap3 .inliner-list').transition({ 'transform': ' scale(1)' }, 800) $('.i-wrap3 .inliner-bg').transition({ 'transform': ' scale(1)' }, 1000) $('.wel-page li').eq(index + 1).addClass("on").siblings("li").removeClass("on"); $('.wel-page ul').stop().animate({ top: -56 }, 500); }, 700) } else { $('footer').removeClass("one"); $('.inliner-banner-con li .con').transition({ 'transform': ' scale(0)' }, 500) $('.i-wrap3 .inliner-bg').transition({ 'transform': ' scale(0)' }, 600) $('.i-wrap3 .inliner-list').transition({ 'transform': ' scale(0)' }, 500) } if (index == 4 || index == 5) { $('.wel-number .num').html('0' + 4); $('footer').addClass("two"); $('header').addClass("the"); setTimeout(function() { $('.i-wrap4 .left').stop().animate({ left: 0, opacity: 1 }, 800); $('.i-wrap4 .right li').each(function() { var index = $(this).index(); $(this).delay(index * 200).animate({ left: 0, opacity: 1 }, 500); }) $('.wel-page li').eq(5).addClass("on").siblings("li").removeClass("on"); $('.wel-page ul').stop().animate({ top: -84 }, 500); }, 700) } else { $('footer').removeClass("two"); $('header').removeClass("the"); $('.i-wrap4 .left').stop().animate({ left: -50, opacity: 0 }, 500); $('.i-wrap4 .right li').each(function() { var index = $(this).index(); $(this).delay(index * 100).animate({ left: 50, opacity: 0 }, 300); }) } } $(function() { $('footer .w1200').css('width', '85%'); sizew() window.onresize = function() { sizew() }; $('.i-ban').flexslider({ animation: 'slide', easing: "easeInOutExpo", slideshowSpeed: 5000, animationSpeed: 1000, touch: true, start: function(slider) { flexslider = slider; } }); $('.i-ban-link li').each(function() { var index = $(this).index(); $(this).addClass('li' + index); }) setTimeout(function() { $('.i-ban .slides li.flex-active-slide img').stop().animate({ top: 0, opacity: 1 }, 800); $('.i-ban .slides li.flex-active-slide .more').stop().animate({ top: 0, opacity: 1 }, 800) $('.i-ban-link li').each(function() { var index = $(this).index(); $(this).delay(index * 200).animate({ top: 0, opacity: 1 }, 400); }) }, 800) // 产品频道页 jquery 结束 function sizew() { var ww = $('.i-wrap4 .right').width(); if ($(window).width() > 1024) { var hei = $(window).height(); $('.i-wrap4 .right a').css('height', hei * 0.96); $('header').addClass('flex'); $('footer').addClass('flex'); $('footer').hide(); $('.wel-page').addClass('one') $('.wel-page li').eq(2).addClass("on"); $('header').addClass("one"); $('#i-navli').addClass("one"); $('.nav-box').addClass("flex"); } else { $('header').removeClass('flex'); $('header').removeClass("one"); $('#i-navli').removeClass("one"); $('.wel-page').removeClass('one') $('footer').show(); $('.nav-box').removeClass("flex"); $('footer').removeClass('flex'); } $('.i-wrap4 .right li').eq(2).addClass('on'); if ($(window).width() > 580) { $('.i-wrap4 .right li').width(ww / 3); var liw = $('.i-wrap4 .right li').width(); } else { $('.i-wrap4 .right li').width(ww - 2); var liw = $('.i-wrap4 .right li').width() + 2; } var sc = 0; var size = $('.i-wrap4 .right li').size(); if ($(window).width() < 580) { touch.on('.i-wrap4 .right', 'swipeleft swiperight', function(ev) { console.log(sc); if (ev.type == 'swipeleft') { if (sc == size - 1) { return false; } else { sc++; sizes(); $('.i-wrap4 .right li').removeClass('on'); } } else { if (sc == 0) { return false; } else { sc--; sizes(); $('.i-wrap4 .right li').removeClass('on'); } } }); } else { if ($(window).width() < 1025) { touch.on('.i-wrap4 .right', 'swipeleft swiperight', function(ev) { if (ev.type == 'swipeleft') { if (sc == size - 3) { return false; } else { sc++; sizes(); } } else { if (sc == 0) { return false; } else { sc--; sizes(); } } }); } $('.i-wrap4 .btns a.prev').on('click', function() { if (sc == 0) { return false; } else { sc--; sizes(); } }) $('.i-wrap4 .btns a.next').on('click', function() { if (sc == size - 3) { return false; } else { sc++; sizes(); } }) } var win = $(window).width(); if (win < 1025) { $(window).scroll(function() { var scro = $(window).scrollTop(); var wrap2 = $('.i-wrap2').offset().top - ($(window).height() / 2); var wrap3 = $('.i-wrap3').offset().top - ($(window).height() / 2); var wrap4 = $('.i-wrap4').offset().top - ($(window).height() / 2); if (scro > wrap2) { $('.i-wrap2 .left').stop().animate({ left: 0, opacity: 1 }, 300) $('.i-wrap2 .rigth').stop().animate({ right: 0, opacity: 1 }, 300, function() { $('.i-wrap2 .rigth .pic').transition({ 'transform': ' scale(1)' }, 500) }) } if (scro > wrap3) { $('.inliner-banner li .con').transition({ 'transform': ' scale(1)' }, 500) $('.i-wrap3 .inliner-list').transition({ 'transform': ' scale(1)' }, 500) } if (scro > wrap4) { $('.i-wrap4 .left').stop().animate({ left: 0, opacity: 1 }, 500); $('.i-wrap4 .right li').each(function() { var index = $(this).index(); $(this).delay(index * 100).animate({ left: 0, opacity: 1 }, 300); }) } }) // var h = $('.i-ban .slides li').height(); // console.log(h); // $('.i-wrap1').height(h); } function sizes() { $('.i-wrap4 .right ul').stop().animate({ 'margin-left': -(sc * liw) }, 300); $('.i-wrap4 .right li').eq(sc + 2).addClass('on').siblings('li').removeClass('on'); } _PreLoadImg([ "http://www.chinayinyi.com/upload/2022/03/07/1646616023732a46.jpg", "http://www.chinayinyi.com/upload/2022/01/27/1643267629925wg7l.jpg", "http://www.chinayinyi.com/upload/2022/01/20/164267076790zs8h.jpg", "http://www.chinayinyi.com/upload/2021/11/22/163756441701y3zy0.jpg", "http://www.chinayinyi.com/upload/2021/11/22/16375458742738kc.jpg", ], function() { var imgh = $('.i-wrap4 .right li').eq(0).find('img').height(); $('.i-wrap4 .right li').find('img').height(imgh); }) } $('.inliner-banner li').eq(0).show(); }) </script> </body> </html>