加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
xitong.html 27.93 KB
一键复制 编辑 原始数据 按行查看 历史
horan 提交于 2018-04-26 11:35 . first commit
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699
<!DOCTYPE html>
<html>
<head>
<title>软件开发丨许昌专业网站开发丨许昌app开发外包丨许昌小程序开发丨老菜头科技官网</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="【老菜头科技】许昌专业软件开发公司,专业为企业提供一站式网站、APP软件开发,移动APP定制开发服务,同时也提供小程序开发外包服务,老菜头科技是广受企业信赖的软件开发服务公司。">
<meta name="keywords" content="老菜头科技,许昌软件开发公司,许昌app开发,许昌微信小程序开发">
<!-- Latest compiled and minified CSS -->
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- 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="//www.laocaitou.net/webfile/css/style.css">
<link rel="stylesheet" type="text/css" href="//www.laocaitou.net/webfile/css/banner.css">
<link rel="stylesheet" type="text/css" href="//www.laocaitou.net/webfile/css/sfzf.css">
<link rel="stylesheet" type="text/css" href="//www.laocaitou.net/webfile/css/xitong.css">
</head>
<body>
<header id="header">
<nav id="main-navigation" class="navbar navbar-default navbar-fixed-top bg-none" style="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="LOGO" src="//www.laocaitou.net/webfile/upload/2018/04-25/16-24-440461-2107579101.png" style="width:183px;height:60px">
</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 nav-wd115" id="item">
<li><a class="smoothScroll" href="//www.laocaitou.net/index/26">首页</a></li>
<li><a class="smoothScroll" href="//www.laocaitou.net/xitong/29">产品中心</a></li>
<li id="mysteve"><a class="smoothScroll" href="//www.laocaitou.net/sfzf/36">三方支付</a></li>
<li><a class="smoothScroll" href="//www.laocaitou.net/shangcheng/69">商城中心</a></li>
<li><a class="smoothScroll" href="//www.laocaitou.net/tuiguang/81">全网营销</a></li>
<li><a class="smoothScroll" href="//www.laocaitou.net/news/82">新闻中心</a></li>
<li><a class="smoothScroll" href="//www.laocaitou.net/about/83">关于我们 </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>
<style>
@media only screen and (max-width:991px){
.media .media-left img{height: 40%;}
}
.submit{padding: 12px 80px;}
</style>
<main style="overflow-x: hidden">
<section class="banner-part"><img src="//www.laocaitou.net/webfile/upload/2018/04-25/14-26-030841-1320935620.jpg" style="width: 100%;" alt="产品中心"></section>
<section id="services">
<!-- Section title -->
<h1 class="services">SERVICE SCOPE</h1>
<h1 class="services services2 fanwei">—— 服务范围 ——</h1>
<div class="jianshe">
<div class="container">
<div class="row">
<div class="col-md-2 offets">
<div class="media xitong-01">
<div class="media-left xitong-left-01">
<a href="javascript:;">
<img src='//www.laocaitou.net/webfile/upload/2018/04-23/13-42-2806111020309160.png' alt="高端网站建设">
</a>
<h4 class="media-heading xt-01">高端网站建设 </h4>
</div>
</div>
</div>
<div class="col-md-2 offets">
<div class="media xitong-01">
<div class="media-left xitong-left-01">
<a href="javascript:;">
<img src='//www.laocaitou.net/webfile/upload/2018/04-23/13-42-320511-480124327.png' alt="APP开发 ">
</a>
<h4 class="media-heading xt-01">APP开发 </h4>
</div>
</div>
</div>
<div class="col-md-2 offets">
<div class="media xitong-01">
<div class="media-left xitong-left-01">
<a href="javascript:;">
<img src='//www.laocaitou.net/webfile/upload/2018/04-23/13-42-360698-978931498.png' alt="微网站开发">
</a>
<h4 class="media-heading xt-01">微网站开发 </h4>
</div>
</div>
</div>
<div class="col-md-2 offets">
<div class="media xitong-01">
<div class="media-left xitong-left-01">
<a href="javascript:;">
<img src='//www.laocaitou.net/webfile/upload/2018/04-23/13-42-4100061507284217.png'>
</a>
<h4 class="media-heading xt-01">商城建站 </h4>
</div>
</div>
</div>
<div class="col-md-2 offets offet-lefts">
<div class="media xitong-01">
<div class="media-left xitong-left-01">
<a href="javascript:;">
<img src='//www.laocaitou.net/webfile/upload/2018/04-23/13-42-440782191292404.png'>
</a>
<h4 class="media-heading xt-01">模板建设 </h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="jy-bg">
<div class="container " style="text-align: center;color: #fff;">
<h1 class="services" style="color: #a0e3da;">SERVICE ADVANTAGE</h1>
<h1 class="services fanwei" style="color: #a0e3da;">—— 服务优势 ——</h1>
<div class="row">
<div class="col-md-6 mt30 mt50">
<div class="media">
<div class="media-left media-left-01">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/15-46-490168-1216393361.png">
</div>
<div class="media-body">
<h4 class="media-heading tit-01" style="color: #fff;">经验丰富</h4>
<p class="tit-con">我们公司帮助多家企业开拓互联网,丰富的成功案例让我们积累了大量的经验。</p>
</div>
</div>
</div>
<div class="col-md-6 mt30 mt50 ">
<div class="media">
<div class="media-left media-left-01">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/15-47-2000061373130229.png">
</div>
<div class="media-body">
<h4 class="media-heading tit-01" style="color: #fff;">流程完善</h4>
<p class="tit-con">做单严谨,对接规范,减少客户负担,节省时间成本。</p>
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom:30px">
<div class="col-md-6 mt30 mt50">
<div class="media">
<div class="media-left media-left-01">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/15-47-350180665607999.png">
</div>
<div class="media-body">
<h4 class="media-heading tit-01" style="color: #fff;">实力强大</h4>
<p class="tit-con">客户对于作品的要求,我们都能尽量满足。</p>
</div>
</div>
</div>
<div class="col-md-6 mt30 mt50">
<div class="media">
<div class="media-left media-left-01">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/15-47-500229-1866038996.png">
</div>
<div class="media-body">
<h4 class="media-heading tit-01" style="color: #fff;">团队专业</h4>
<p class="tit-con">年轻,有活力的团队成员,从事互联网工作富有想象力和创造力。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container fwlc">
<h1><span>Service process</span><span>服务流程</span></h1>
<div class="fwlc-pic" style="margin: 20px 0;">
<img src="//www.laocaitou.net/webfile/upload/2018/04-18/11-20-400892672381253.png" >
<b style="text-align:center">需求提供</b>
<b>策划咨询</b>
<b>合同签订</b>
<b>网站建设</b>
<b style="text-align:center">运营维护</b>
</div>
</div>
<section id="wangzhan-part">
<h1 class="wz-tit" style="margin-bottom:20px;text-align:center">网站建设</h1>
<p style="text-align:center !important;line-height:25px">专业技术团队为您“量体裁衣”,满足需求及功能模块开发,工匠精神极致追求,贴心优质售后服务,我们只做您独一无二的那一款</p>
<!--<p style="text-align:center !important"></p>
<p style="text-align:center !important"></p>-->
<!--轮播图-->
<div id="gla">
<div id="gla_box">
<span class="prev">&nbsp;</span>
<span class="next">&nbsp;</span>
<ul>
<li>
<div class="gla_inbox">
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/14-11-1509281205501599.png" />
</div>
</li>
<li>
<div class="gla_inbox">
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/14-11-210285424298454.png" />
</div>
</li>
<li>
<div class="gla_inbox">
<img src="//www.laocaitou.net/webfile/upload/2018/04-23/14-11-250518-1807287754.png" />
</div>
</li>
</ul>
</div>
</div>
</section>
<section id="wangzhan-part" style="background:none;">
<h1 class="wz-tit" style="text-align:center;">微信小程序平台优势</h1>
<p style="margin-bottom:0px">继微信服务号,订阅号之后,最后一波福利</p>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 weixinPt">
<div class="thumbnail wxpt">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/16-23-430901-1872512130.png" alt="...">
<div class="caption">
<h3 class="no-down">无需下载</h3>
<p class="down1">小程序无需下载安装,用户扫一扫 或搜索即可打开应用</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 weixinPt">
<div class="thumbnail wxpt">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/16-23-490710-1005907446.png" alt="...">
<div class="caption">
<h3 class="no-down">用完即走</h3>
<p class="down1">小程序随时可用,无需安装卸载, 用户用完即走</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 weixinPt">
<div class="thumbnail wxpt">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/16-23-530886-136020264.png" alt="...">
<div class="caption">
<h3 class="no-down">框架组件丰富</h3>
<p class="down1">视图、内容、按钮、导航、 多媒体、位置、重力感应等</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 weixinPt">
<div class="thumbnail wxpt ">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/16-23-590623-1167711944.png" alt="...">
<div class="caption">
<h3 class="no-down">模块化编辑</h3>
<p class="down1">模块化编辑可自定义专属&quot;小程序&quot;, 满足您的各项业务需求</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 weixinPt">
<div class="thumbnail wxpt">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/16-24-040767-514548144.png" alt="...">
<div class="caption">
<h3 class="no-down">完善的用户系统</h3>
<p class="down1">独立注册,微信授权数据同步并配 有多种社交功能</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 weixinPt">
<div class="thumbnail wxpt">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/16-24-09034139879239.png" alt="...">
<div class="caption">
<h3 class="no-down">一键分享</h3>
<p class="down1">可视化一键分享,可直接分享到 微信好友,群聊天里面</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="xt-kf">
<div class="container">
<h1 class="Pingtai-title">为交易者提供全球备受推崇的交易平台</h1>
<p class="MT4">MT4外汇系统、短线外汇系统、AAP交易解决方案
海外公司注册、海外金融牌照申请、风控管理
撮合交易系统、服务器运维、专注传统外汇
</p>
</div>
</section>
<section id="APP">
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 class="wz-tit">移动APP开发</h1>
<h1 class="wz-tit">根据客户需求制定开发方案</h1>
<div class="APP-left">
<span><!--<img src="img/xitong/line.png">--></span>
<div class="app-right" style="width:410px">
<p class="p01">可开发安卓+ios的原生态APP,根据客户提供的 需求定制化开发解决方案</p>
<p class="p02">可开发基于HTML5技术的APP,针对客户提供开 发周期更短、费用更低的解决方案</p>
<p class="p03">根据功能需求可开发基于管理端和客户端的后台管 理程序及APP,数据完美同步,管理更加方便</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="app-pic">
<img src="//www.laocaitou.net/webfile/upload/2018/04-09/16-46-4209691475774258.png">
</div>
</div>
</div>
</div>
</section>
<section id="Contact-part">
<div class="container">
<h1><img src="//www.laocaitou.net/webfile/upload/2018/04-09/17-01-230633-1226774786.png"></h1>
<p class="contact-time">如有任何问题请联系我们,我们7*24小时竭诚为您服务</p>
<b class="phone">400-055-0515</b>
<form action="//www.laocaitou.net/customer/customerRequirement" id="userRequirement">
<div class="name-part">
<label for="/customer/customerRequirement" class="tel">姓名</label>
<input type="name" name="name" class="" id="requirementName" placeholder="必填">
</div>
<div class="name-part">
<label for="" class="tel">手机号</label>
<input type="text" name="phone" class="" id="requirementPhone" placeholder="必填">
</div>
<textarea rows="" name="msg" cols="" class="need" placeholder="请填写您需要的软件要求" id="requirementText"></textarea>
</form>
<button class="submit" type="button" id="requirementSubmit">提交</button>
</div>
</section>
<section style="background: #282d33;padding:30px 0" >
<div class="container">
<div class="row foot">
<div class="col-md-6">
<a class="footer-tit" href="www.baidu.com">百度网站</a>
<a class="footer-tit" href="blog.sina.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 alt="老菜头微信公众号" src="//www.laocaitou.net/webfile/upload/2018/04-09/14-34-080589684423989.png"></dt>
<dd>老菜头微信公众号</dd>
</dl>
<dl>
<dt><img alt="老菜头科技微博" src="//www.laocaitou.net/webfile/upload/2018/04-09/14-34-130055512411043.png"></dt>
<dd>老菜头科技微博</dd>
</dl>
</div>
</section>
</main>
<!-- Scripts -->
<!-- Scripts -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.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://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></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) || /iPad/i.test(navigator.userAgent)) {
$('#mysteve').on('touchend', function(event) {
event.preventDefault(); // 阻止浏览器默认事件,重要
//$("#add_Amenu").show();
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 = $(".navbar-header").height();
$("#add").css({
"height": phoneHeight - navbarHeight,
"top" : navbarHeight,
"overflow": "auto"
})
document.getElementsByTagName('body')[0].addEventListener('touchmove', function(e) {
//console.log("开始滑动了touchstart");
//$("#add").hide()
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){//点击id为sibader之外的地方触发
//do something...
$("#add").hide()
}
})
} else {
//console.log("pc")
$("#mysteve, #add").hover(function() {
$("#add").show();
}, function() {
$("#add").hide();
});
}
}
</script>
<script type="text/javascript" src="//www.laocaitou.net/webfile/js/xitong/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="//www.laocaitou.net/webfile/js/xitong/jquery.corner.js"></script>
<script type="text/javascript" src="//www.laocaitou.net/webfile/js/xitong/jquery.roundabout.js"></script>
<script type="text/javascript" src="//www.laocaitou.net/webfile/js/xitong/jquery.roundabout-shapes.js"></script>
<script type="text/javascript">
$(function() {
$('.gla_inbox').corner('8px');
$('#gla_box>ul').roundabout({
minOpacity: 1,
btnNext: ".next",
duration: 1000,
reflect: true,
btnPrev: '.prev',
autoplay: true,
autoplayDuration: 5000,
tilt: 0,
shape: 'figure8'
});
});
$("#requirementSubmit").click(function(){
var name = $("#requirementName").val();
var phone = $("#requirementPhone").val();
var msg = $("#requirementText").val();
var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0-9]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1})|(16[0-9]{1}))+\d{8})$/;
if(name==null || name==""){
alert("请填写姓名");
return;
}else if(phone == null || phone =="" || !myreg.test(phone)){
alert("请填写合法的手机号");
return;
}else if(msg==null || msg=="" || msg.length <20){
alert("您的要求不能少于20个字");
return
}else {
var targetUrl = $("#userRequirement").attr("action");
var data = $("#userRequirement").serialize();
$.ajax({
type: 'post',
url: targetUrl,
cache: false,
data: data,
dataType: 'json',
success: function (data) {
console.data;
if (data.code != 0) {
alert(data.msg);
} else {
alert(data.data);
}
},
error: function () {
alert("请求失败")
}
})
}
})
</script>
<div id="leftsead">
<ul>
<li>
<a href="//www.laocaitou.net/users/86">
<img src="//www.laocaitou.net/webfile/img/foot03/ll03.png" width="47" height="49" class="hides"/>
<img src="//www.laocaitou.net/webfile/img/foot03/l03.png" width="47" height="49" class="shows" />
</a>
</li>
<li>
<a href="http://wpa.qq.com/msgrd?v=3&uin=100000&site=qq&menu=yes">
<img src="//www.laocaitou.net/webfile/img/foot03/ll03.png" width="47" height="49" class="hides"/>
<img src="//www.laocaitou.net/webfile/img/foot03/l04.png" width="47" height="49" class="shows" />
</a>
</li>
<li>
<a class="youhui2">
<img src="//www.laocaitou.net/webfile/img/foot03/1022.png" width="47" height="49" class="hides"/>
<img src="//www.laocaitou.net/webfile/img/foot03/l02.png" width="47" height="49" class="shows" />
<span class="images"><img src="//www.laocaitou.net/webfile/img/foot03/zfew.jpg" width="166" height="205" class="hides" usemap="#taklhtml" style="border: 1px solid #c9c9c9;"/></span>
</a>
</li>
<li>
<a id="top_btn">
<img src="//www.laocaitou.net/webfile/img/foot03/ll06.png" width="47" height="49" class="hides"/>
<img src="//www.laocaitou.net/webfile/img/foot03/l06.png" width="47" height="49" class="shows" />
</a>
</li>
</ul>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#leftsead a").hover(function(){
if($(this).prop("className")=="youhui"){
$(this).children("img.hides").show();
}else{
$(this).children("img.hides").show();
$(this).children("img.shows").hide();
$(this).children("img.hides").animate({marginRight:'0px'},'slow');
}
},function(){
if($(this).prop("className")=="youhui"){
$(this).children("img.hides").hide('slow');
}else{
$(this).children("img.hides").animate({marginRight:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
}
});
$("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});
});
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化