Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
文件
Clone or Download
sfzf1.html 25.94 KB
Copy Edit Raw Blame History
horan authored 2018-04-26 11:35 . first commit
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651
<!DOCTYPE html>
<html>
<head>
<title>老菜头官网</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free singlepage web template created by GraphBerry">
<meta name="keywords" content="HTML5, Bootstrap 3, CSS3, javascript, PHP, Responsive, Mobile">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i" rel="stylesheet">
<!-- Styles -->
<!--<link rel="stylesheet" type="text/css" href="//www.laocaitou.net/webfile/css/font-awesome.min.css">-->
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="//www.laocaitou.net/webfile/css/gonex-icons.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/banner.css">
<link rel="stylesheet" type="text/css" href="css/sfzf.css">
</head>
<body>
<header id="header">
<nav id="main-navigation" class="navbar navbar-default navbar-fixed-top" style="box-shadow:2px 1px 5px #ccc;z-index:99999">
<h1 class="sr-only">Main navigation</h1>
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="sr-only">Toggle navigation</span>
</button>
<a id="brand-mobile" class="navbar-brand navbar-brand-center smoothScroll" href="#home">
<img alt="Gonex" src="//www.laocaitou.net/webfile/upload/2018/04-09/11-05-040029530421533.jpg">
</a>
</div>
<div class="collapse navbar-collapse" id="main-navbar">
<form class="navbar-form navbar-right" role="search">
<button type="button" id="btn-togglesearch" class="btn-search">
</button>
</form>
<ul class="nav navbar-nav navbar-right" id="item">
<li>
<a class="smoothScroll" >首页</a>
</li>
<li class="active">
<a class="smoothScroll" >产品中心</a>
</li>
<li id="mysteve">
<a class="smoothScroll">三方支付</a>
</li>
<li>
<a class="smoothScroll" >商城中心</a>
</li>
<li>
<a class="smoothScroll" >全网营销</a>
</li>
<li>
<a class="smoothScroll" >新闻中心</a>
</li>
<li>
<a class="smoothScroll" >关于我们 </a>
</li>
</ul>
</div>
</div>
</nav>
<div id="add" class="fixed_side">
<div class="wd1070">
<a href="//www.laocaitou.net/sfzf_internet/53">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-10-5709801509207033.png"></dt>
<dd>互联网支付</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf_yidong/54">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-11-2604411255546685.png"></dt>
<dd>移动支付</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf_jhzf2/55">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-11-470311581341477.png"></dt>
<dd>聚合支付</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf/56">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-12-240256651109131.png"></dt>
<dd>跨境支付</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf/58">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-13-070407828850137.png"></dt>
<dd>风控管理</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf_sfrz/59">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-14-140216707788354.png"></dt>
<dd>身份认证平台</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf/60">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-14-370319-1379080965.png"></dt>
<dd>信用卡积分兑换</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf_wuka/61">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-14-570333-1968917577.png"></dt>
<dd>无卡支付</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf_xedk/62">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-15-230641607789572.png"></dt>
<dd>小额贷款管理</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf/63">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-15-510174-312683216.png"></dt>
<dd>保险代理</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf/64">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-16-570894896260692.png"></dt>
<dd>基金零售</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf/65">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-17-1504071850549286.png"></dt>
<dd>资金管理</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf/66">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-17-3403441404382910.png"></dt>
<dd>借贷平台</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf_duanxin/67">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-18-190534-1607189269.png"></dt>
<dd>短信接口</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf/68">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/16-18-390684354586213.png"></dt>
<dd>线下POS机</dd>
</dl>
</a>
<a href="//www.laocaitou.net/sfzf/85">
<dl class="wd150">
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-19/09-38-290550-380359507.png"></dt>
<dd>其他支付</dd>
</dl>
</a>
</div>
</div>
</header>
<section class="about-page"><img src="//www.laocaitou.net/webfile/img/sfzf/banner.jpg" style="width: 100%;"></section>
<section id="services">
<h1 class="services">PRODUCT</h1>
<h1 class="services services2">我们的产品</h1>
<span style="border-top: 2px solid #0f86fc;display: inline-block;width: 100px;"></span>
</section>
<!--<section class="pay">
<div class="width-20"></div>
<div class="width-60">
<div class="container wid100">
<div class="row pay-row">
<a href="//www.laocaitou.net/sfzf_internet/53">
<div class="col-md-4 pay-bg-con">
<div class="service">
<span class="pay-bg"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">互联网支付</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">互联网支付是一款安全、便捷、功能完善、机制完善 的第三方互联网支付产品</p>
</div>
</div>
</a>
<a href="//www.laocaitou.net/sfzf_yidong/54">
<div class="col-md-4 pay-bg-con">
<div class="service">
<span class="pay-bg pay-bg2"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">移动支付</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">移动支付系统也称为手机支付,用户使用手机进行 转账、手机充值、发收红包等</p>
</div>
</div>
</a>
<a href="//www.laocaitou.net/sfzf_jhzf2/55">
<div class="col-md-4 pay-bg-con">
<div class="service">
<span class="pay-bg pay-bg3"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">聚合支付</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">聚合支付是一款集合了多种支付通道的支付产品,可 在app端、网页端、线下扫码等</p>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="width-17 "></div>
</section>-->
<!---修改后-->
<section class="pays">
<div class="row" style="margin: 0;">
<div class="col-md-12 no-padding">
<div class="col-md-2 no-padding pays__picmian">
<div class="pays__pic pays__pic1"></div>
</div>
<div class="col-md-8 clearfixpays992 no-padding ">
<div class="col-md-4 no-padding-right tgppays992">
<a class="serviceas" href="//www.laocaitou.net/sfzf_internet/53">
<div class="service">
<span class="pay-bg"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">互联网支付</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">互联网支付是一款安全、便捷、功能完善、机制完善 的第三方互联网支付产品</p>
</div>
</a>
</div>
<div class="col-md-4 no-padding-right tgppays992">
<a class="serviceas" href="//www.laocaitou.net/sfzf_yidong/54">
<div class="service">
<span class="pay-bg pay-bg2"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">移动支付</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">移动支付系统也称为手机支付,用户使用手机进行 转账、手机充值、发收红包等</p>
</div>
</a>
</div>
<div class="col-md-4 no-padding-right tgppays992">
<a class="serviceas" href="//www.laocaitou.net/sfzf_jhzf2/55">
<div class="service">
<span class="pay-bg pay-bg3"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">聚合支付</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">聚合支付是一款集合了多种支付通道的支付产品,可 在app端、网页端、线下扫码等</p>
</div>
</a>
</div>
</div>
<div class="col-md-2 no-padding-right pays__picmian">
<div class="pays__pic pays__pic2"></div>
</div>
</div>
</div>
</section>
<section class="pays paystwo">
<div class="row" style="margin: 0;">
<div class="col-md-12 no-padding">
<div class="col-md-2 no-padding pays__picmian">
<div class="pays__pic pays__pic3"></div>
</div>
<div class="col-md-8 clearfixpays992 no-padding ">
<div class="col-md-4 no-padding-right tgppays992">
<a class="serviceas" href="javascript:;">
<div class="service">
<span class="pay-bg pay-bg4"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">线下POS机</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">互联网支付是一款安全、便捷、功能完善、机制完善 的第三方互联网支付产品</p>
</div>
</a>
</div>
<div class="col-md-4 no-padding-right tgppays992">
<a class="serviceas" href="//www.laocaitou.net/sfzf_wuka/61">
<div class="service">
<span class="pay-bg pay-bg5"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">无卡支付</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">移动支付系统也称为手机支付,用户使用手机进行 转账、手机充值、发收红包等</p>
</div>
</a>
</div>
<div class="col-md-4 no-padding-right tgppays992">
<a class="serviceas" href="javascript:;">
<div class="service">
<span class="pay-bg pay-bg6"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">金融服务</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">聚合支付是一款集合了多种支付通道的支付产品,可 在app端、网页端、线下扫码等</p>
</div>
</a>
</div>
</div>
<div class="col-md-2 no-padding-right pays__picmian">
<div class="pays__pic pays__pic4"></div>
</div>
</div>
</div>
</section>
<!--<section class="pay">
<div class="width-20 bg20-02"></div>
<div class="width-60">
<div class="container">
<div class="row pay-row">
<a href="javascript:">
<div class="col-md-4 pay-bg-con">
<div class="service">
<span class="pay-bg4"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">线下POS机</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">互联网支付是一款安全、便捷、功能完善、机制完善 的第三方互联网支付产品</p>
</div>
</div>
</a>
<a href="//www.laocaitou.net/sfzf_wuka/61">
<div class="col-md-4 pay-bg-con">
<div class="service">
<span class="pay-bg pay-bg5"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">无卡支付</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">移动支付系统也称为手机支付,用户使用手机进行 转账、手机充值、发收红包等</p>
</div>
</div>
</a>
<a href="javascript:">
<div class="col-md-4 pay-bg-con">
<div class="service">
<span class="pay-bg pay-bg6"></span>
<p class="jk" style="height:25px !important;overflow:hidden !important;">金融服务</p>
<p class="con" style="height:53px !important;overflow:hidden !important;">聚合支付是一款集合了多种支付通道的支付产品,可 在app端、网页端、线下扫码等</p>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="width-17 bg17-02"></div>
</section>-->
<section id="services">
<h1 class="services">SCENARIO</h1>
<h1 class="services services2">支持场景</h1>
<span style="border-top: 2px solid #0f86fc;display: inline-block;width: 100px;"></span>
<div class="container">
<div class="row">
<div class="col-md-3 changjin">
<div class="thumbnail hover-bg pay-bg-size">
<div class="kh-tit">
<h3 class="hot pay-tit">电商</h3>
<p class="pay-tit-con">E-Cimmerce</p>
</div>
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-25-510389-1529099456.jpg">
</div>
</div>
<div class="col-md-3 changjin">
<div class="thumbnail hover-bg pay-bg-size">
<div class="kh-tit">
<h3 class="hot pay-tit">零售</h3>
<p class="pay-tit-con">Retail</p>
</div>
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-25-580348-1513138838.jpg">
</div>
</div>
<div class="col-md-3 changjin">
<div class="thumbnail hover-bg pay-bg-size">
<div class="kh-tit">
<h3 class="hot pay-tit">票务</h3>
<p class="pay-tit-con">Tickets</p>
</div>
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-26-0208841106867564.jpg">
</div>
</div>
<div class="col-md-3 changjin">
<div class="thumbnail hover-bg pay-bg-size">
<div class="kh-tit">
<h3 class="hot pay-tit">游戏</h3>
<p class="pay-tit-con">Games</p>
</div>
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-26-080607993797676.jpg">
</div>
</div>
<div class="col-md-3 changjin">
<div class="thumbnail hover-bg pay-bg-size">
<div class="kh-tit">
<h3 class="hot pay-tit">金融</h3>
<p class="pay-tit-con">Finance</p>
</div>
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-26-1308271582162687.jpg">
</div>
</div>
<div class="col-md-3 changjin">
<div class="thumbnail hover-bg pay-bg-size">
<div class="kh-tit">
<h3 class="hot pay-tit">教育</h3>
<p class="pay-tit-con">Education</p>
</div>
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-26-200483-26902663.jpg">
</div>
</div>
<div class="col-md-3 changjin">
<div class="thumbnail hover-bg pay-bg-size">
<div class="kh-tit">
<h3 class="hot pay-tit">医疗</h3>
<p class="pay-tit-con">Medical</p>
</div>
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-26-250793-530703526.jpg">
</div>
</div>
<div class="col-md-3 changjin">
<div class="thumbnail hover-bg pay-bg-size">
<div class="kh-tit">
<h3 class="hot pay-tit">其他</h3>
<p class="pay-tit-con">Others</p>
</div>
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-26-300525-1173750503.jpg">
</div>
</div>
</div>
</div>
</section>
<section class="pay-parts">
<h2>支付产品</h2>
<p>让您在各个场景下轻松实现收款,涵盖手机APP、移动网页、PC网页 微信公众号、手机扫码等场景
</p>
<div class="container mt20">
<div class="row">
<div class="col-md-3 products">
<dl>
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/17-29-5209651007356860.png"></dt>
<dd class="yl">银联支付</dd>
</dl>
</div>
<div class="col-md-3 products">
<dl>
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/17-30-000945855014246.png"></dt>
<dd class="yl">支付宝支付</dd>
</dl>
</div>
<div class="col-md-3 products">
<dl>
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/17-30-0709841541248418.png"></dt>
<dd class="yl">微信支付</dd>
</dl>
</div>
<div class="col-md-3 products">
<dl>
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/17-30-140346-675376849.png"></dt>
<dd class="yl">QQ钱包</dd>
</dl>
</div>
<div class="col-md-3 products">
<dl>
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/17-30-3404462121462166.png"></dt>
<dd class="yl">京东支付</dd>
</dl>
</div>
<div class="col-md-3 products">
<dl>
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/17-30-390641-1660932510.png"></dt>
<dd class="yl">快捷支付</dd>
</dl>
</div>
<div class="col-md-3 products">
<dl>
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/17-30-450253-989613065.png"></dt>
<dd class="yl">百度钱包</dd>
</dl>
</div>
<div class="col-md-3 products">
<dl>
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-11/17-30-510265-1296307578.png"></dt>
<dd class="yl">H5支付</dd>
</dl>
</div>
</div>
</div>
</section>
<section class="youshi mt80">
<!--<div class="container">
<div class="row">
<div class="col-md-9"><img src="img/sfzf/youshi.jpg"></div>
<div class="col-md-3"></div>
</div>
</div>-->
<div class="wd55"><img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-27-170453-1912903098.jpg" style="width: 100%;"></div>
<div class="wd45">
<h3>团队优势</h3>
<p><span>1. </span>行业经验丰富,同时理解与熟悉客户的业务流程,能快速形成对应 的解决方案;</p>
<p><span>2. </span>核心团队配合10余年,配合默契,协作高效;</p>
<p><span>3. </span>服务体系完善,能快速响应客户的产品、运营、定制化、战略规划 等全方位需求。</p>
</div>
</section>
<section class="youshi mb80" style="margin-bottom:20px">
<div class="phones-display "><img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-27-300081-1905788038.jpg" style="width:100%;"></div>
<div class="wd45 youshi-sec">
<h3>技术优势</h3>
<p><span>1. </span>平台基于J2EE开发,平台支持简化的、基于组件开发模型,编写一次, 随处运行的可移植性,遵循J2EE标准的所有服务器都支持该模型;</p>
<p><span>2. </span>平台具有开发效率高、可移植性强、重用性好、易于维护、可伸缩、被 广泛接受、保护投资的特性;</p>
<p><span>3. </span>产品体系全面,能满足企业不同发展阶段的金融业务需求。</p>
</div>
<div class="wd55 yicang"><img src="//www.laocaitou.net/webfile/upload/2018/04-23/13-27-300081-1905788038.jpg" style="width:100%;"></div>
</section>
<!--footer-->
<section style="background: #282d33;padding:30px 0">
<div class="container">
<div class="row foot">
<div class="col-md-6">
<a class="footer-tit" href="http://www.baidu.com">百度</a>
<a class="footer-tit" href="http://www.weibo.com">新浪微博</a>
<a class="footer-tit" href="http://t.qq.com">腾讯微博</a>
</div>
<div class="col-md-6 last">
<p class="contact" style="text-indent:0">CONTACT US</p>
<span class="p-01">:400-055-0515</span>
<span class="qq">QQ:1078922726</span>
<span class="p-02">postmaster@laocaitou.net</span>
<span class="p-03">河南省许昌市智慧大道360广场1号写字楼2007室</span>
</div>
</div>
<div class="container nones" style="border-top: 2px solid #cbcdca;margin-top:20px;padding: 10px 0 30px 0 ;"></div>
<div class="col-md-6 nones">
<p style="margin-top: 50px;">河南老菜头网络科技有限公司 版权所有 豫ICP备17025584号-1</p>
</div>
<div class="col-md-6 gz-part nones">
<dl>
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-09/14-34-080589684423989.png"></dt>
<dd>老菜头微信公众号</dd>
</dl>
<dl>
<dt><img src="//www.laocaitou.net/webfile/upload/2018/04-09/14-34-130055512411043.png"></dt>
<dd>老菜头科技微博</dd>
</dl>
</div>
</section>
<!-- Scripts -->
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<!--<script type="text/javascript" src="//www.laocaitou.net/webfile/js/libs/smooth-scroll.min.js"></script>-->
<script src="https://cdn.bootcss.com/smooth-scroll/11.1.0/js/smooth-scroll.min.js"></script>
<script type="text/javascript" src="//www.laocaitou.net/webfile/js/libs/modernizr.mq.js"></script>
<!--<script type="text/javascript" src="//www.laocaitou.net/webfile/js/libs/mixitup.min.js"></script>-->
<script src="https://cdn.bootcss.com/mixitup/3.1.12/mixitup.min.js"></script>
<!-- Latest compiled and minified JavaScript Bootstrap-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Custom JS -->
<script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!--<script type="text/javascript" src="//www.laocaitou.net/webfile/js/jquery-1.11.1.js"></script>-->
<!--<script type="text/javascript" src="//www.laocaitou.net/webfile/js/google-map.js"></script>-->
<!--<script type="text/javascript" src="//www.laocaitou.net/webfile/js/video.js"></script>-->
<script type="text/javascript" src="//www.laocaitou.net/webfile/js/switch.js"></script>
<script type="text/javascript" src="//www.laocaitou.net/webfile/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="//www.laocaitou.net/webfile/js/custom.js"></script>
<script type="text/javascript">
window.onload = function() {
$("#item a").each(function() {     
$this = $(this);    
if($this[0].href == String(window.location)) {       
$(this).parent("li").addClass("active");    
}   
});
//if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) || /iPad/i.test(navigator.userAgent)) {
/*$('#mysteve').on('touchend', function(event) {
event.preventDefault(); // 阻止浏览器默认事件,重要
if($("#add").is(':hidden')) {
$("#add").show();
//$(".navbar-collapse").removeClass("in")
//$(".navbar-toggle").attr("aria-expanded",false).addClass("collapsed")
} else {
$("#add").hide();
}
})*/
//获取屏幕得高度 加滚动条
var phoneHeight = screen.height;
var navbarHeight = $("#main-navbar").height();
$("#add").css({
"height": phoneHeight - navbarHeight,
"top": navbarHeight,
"overflow": "auto"
})
//$("#item").css({
// "height": phoneHeight - navbarHeight,
//})
$(".navbar-toggle.collapsed").click(function() {
if(!$("#main-navbar").hasClass("in")) {
$("#main-navigation").css("height", "100%")
$("body").css({
"overflow": "hidden",
"position": "fixed"
})
} else {
$("#main-navigation").css("height", "auto")
$("body").css({
"overflow": "visible",
"position": "static"
})
}
})
/*document.getElementsByTagName('body')[0].addEventListener('touchmove', function(e) {
//console.log("开始滑动了touchstart");
var listtarget = $("#add").find(e.target).length
if(listtarget > 0 || e.target.id == "add") {
//console.log("区域内滑动")
$("#add").show()
$("body").css({
"overflow": "hidden",
"position": "fixed"
})
} else {
$("#add").hide()
$("body").css({
"overflow": "visible",
"position": "static"
})
}
});*/
$(document).bind("click", function(e) { 
var target = $(e.target); 
if(target.closest("#add").length == 0) {
$("#add").hide() 
}
})
} else {
//console.log("pc")
$("#mysteve, #add").hover(function() {
$("#add").show();
}, function() {
$("#add").hide();
});
}
}
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化