加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
sensor.html 26.38 KB
一键复制 编辑 原始数据 按行查看 历史
allen_liu 提交于 2019-12-09 20:47 . init
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name='format-detection' content='telephone=no' />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>传感器</title>
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/animate.css">
<!-- <link rel="stylesheet" href="./css/swiper-4.3.5.min.css"> -->
<link rel="stylesheet" href="./font/iconfont.css">
<link rel="stylesheet" href="./css/header.css">
<link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/sensor.css">
<script src="./js/jquery-1.10.2.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<!-- <script src="./js/swiper-4.3.5.min.js"></script> -->
<script src="./js/wow.min.js"></script>
<script src="./js/jquery.SuperSlide.2.1.3.js"></script>
</head>
<body>
<!-- 头部部分 -->
<div class="header">
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="javascript:;">
<img class="brand-img" src="./img/03.png" alt="">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav na_left">
<li class="" _t_nav="index">
<a href="index.html">首页
<span class="sr-only">(current)</span>
</a>
<span class="line"></span>
</li>
<li _t_nav="skill">
<a href="skill.html">技术</a>
<span class="line"></span>
</li>
<li _t_nav="product" id="pro">
<a href="product.html">产品与服务</a>
<span class="line"></span>
</li>
<li _t_nav="about">
<a href="about.html">关于慧联</a>
<span class="line"></span>
</li>
<li _t_nav="news">
<a href="news.html">新闻</a>
<span class="line"></span>
</li>
<li _t_nav="talent">
<a href="talent.html">招贤纳士</a>
<span class="line"></span>
</li>
<!-- <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li> -->
</ul>
<!-- <form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form> -->
<ul class="nav navbar-nav navbar-right">
<li>
<a href="javascript:;">
<img src="./img/06.png" alt="">
</a>
<span class="line"></span>
</li>
<li _t_nav="search">
<a href="javascript:;">
<img src="./img/08.png" alt="">
</a>
<span class="line"></span>
</li>
<!-- <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li> -->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="navigation-duct">
<div id="product" class="container" style="display: none;" _t_nav="product">
<div class="down_item">
<dl>
<dt>
<a href="sensor.html">传感器</a>
</dt>
</dl>
<dl>
<dt>
<a href="core.html">核心产品</a>
</dt>
<dd>
<a href="javascript:;">模组</a>
</dd>
<dd>
<a href="javascript:;">网关</a>
</dd>
<dd>
<a href="javascript:;">平台</a>
</dd>
</dl>
<dl>
<dt>
<a href="meta.html">元场景</a>
</dt>
<dd>
<a href="core_details.html">能源元场景</a>
</dd>
<dd>
<a href="core_details.html">环境元场景</a>
</dd>
<dd>
<a href="core_details.html">消防元场景</a>
</dd>
<dd>
<a href="core_details.html">安防元场景</a>
</dd>
<dd>
<a href="core_details.html">定位元场景</a>
</dd>
</dl>
<dl>
<dt>
<a href="micro.html">微场景</a>
</dt>
<dd>
<a href="javascript:;">菲寓</a>
</dd>
<dd>
<a href="javascript:;">智慧节能供热</a>
</dd>
<dd>
<a href="javascript:;">能源物联网</a>
</dd>
</dl>
<dl>
<dt>
<a href="services.html">解决方案</a>
</dt>
<dd>
<a href="javascript:;">社区</a>
</dd>
<dd>
<a href="javascript:;">园区</a>
</dd>
<dd>
<a href="javascript:;">商超</a>
</dd>
</dl>
</div>
</div>
</div>
<div class="navigation-search">
<div id="search" class="container" style="display: none;" _t_nav="search">
<!-- <form> -->
<div class="form-group">
<!-- <label for=""></label> -->
<div class="ser_box">
<input type="text" class="form-control search_input" id="" placeholder="search">
<span class="search_btn iconfont icon-sousuo"></span>
</div>
</div>
<!-- </form> -->
</div>
</div>
</div>
<!-- banner部分 -->
<div class="banner sen_url">
<div class="container sw_body wow slideInRight">
<div class="row">
<div class="col-md-8 s_left">
<h4>传感器</h4>
<a href="javascript:;">SENSOR</a>
</div>
</div>
</div>
</div>
<div class="se_title">
<div class="container se_body wow bounceIn">
<h3></h3>
<p>慧联无限凭借1或n个元场景+网关+平台&软件组成的“微”解决方案,慧联无限凭借1或n个元场景+网关+平台&软件组成的“微”解决方案,慧联无限凭借1或n个元场景+网关+平台&软件组成的“微”解决方案</p>
</div>
</div>
<div class="abo_content">
<div class="container abo_body">
<!-- pc端tab切换结构 -->
<div class="row list_tab1 hidden-xs">
<div class="top_">
<div class="bor_der active" data-id="0">
<div class="bop_box" href="javascript:;" id="btn1">
<div class="sen_left">
<img src="./img/16.gif" alt="">
</div>
<div class="sen_right">
<h6>LoRa可燃气体报警器</h6>
<p>可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上</p>
</div>
</div>
</div>
<div class="bor_der" data-id="1">
<div class="bop_box" href="javascript:;" id="btn1">
<div class="sen_left">
<img src="./img/16.gif" alt="">
</div>
<div class="sen_right">
<h6>LoRa可燃气体报警器</h6>
<p>可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上</p>
</div>
</div>
</div>
<div class="col-md-12 bottom_ main" data-bottom="0">
<P class="med_text">1可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
<P class="med_text">报警器就会发出报警信号,以提醒工作人员采取安全措施,并驱动排风、切断、喷淋系统,防止发生爆炸、火灾、中毒事故,从而保障安全生产。</P>
<P class="med_text">可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
<P class="med_text">报警器就会发出报警信号,以提醒工作人员采取安全措施,并驱动排风、切断、喷淋系统,防止发生爆炸、火灾、中毒事故,从而保障安全生产。</P>
<P class="med_text">可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
</div>
<div class="col-md-12 bottom_" data-bottom="1">
<P class="med_text">2可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
<P class="med_text">报警器就会发出报警信号,以提醒工作人员采取安全措施,并驱动排风、切断、喷淋系统,防止发生爆炸、火灾、中毒事故,从而保障安全生产。</P>
<P class="med_text">可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
</div>
<div class="bor_der" data-id="2">
<div class="bop_box" href="javascript:;" id="btn1">
<div class="sen_left">
<img src="./img/16.gif" alt="">
</div>
<div class="sen_right">
<h6>LoRa可燃气体报警器</h6>
<p>可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上</p>
</div>
</div>
</div>
<div class="bor_der" data-id="3">
<div class="bop_box" href="javascript:;" id="btn1">
<div class="sen_left">
<img src="./img/16.gif" alt="">
</div>
<div class="sen_right">
<h6>LoRa可燃气体报警器</h6>
<p>可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上</p>
</div>
</div>
</div>
<div class="col-md-12 bottom_" data-bottom="2">
<P class="med_text">3可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
<P class="med_text">报警器就会发出报警信号,以提醒工作人员采取安全措施,并驱动排风、切断、喷淋系统,防止发生爆炸、火灾、中毒事故,从而保障安全生产。</P>
<P class="med_text">可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
</div>
<div class="col-md-12 bottom_" data-bottom="3">
<P class="med_text">4可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
<P class="med_text">报警器就会发出报警信号,以提醒工作人员采取安全措施,并驱动排风、切断、喷淋系统,防止发生爆炸、火灾、中毒事故,从而保障安全生产。</P>
<P class="med_text">可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
<P class="med_text">可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
<P class="med_text">报警器就会发出报警信号,以提醒工作人员采取安全措施,并驱动排风、切断、喷淋系统,防止发生爆炸、火灾、中毒事故,从而保障安全生产。</P>
</div>
</div>
</div>
<!-- 移动端结构 -->
<div class="row list_tab1 hidden-sm hidden-md hidden-lg">
<div class="col-xs-12" id="sideMenu">
<div class="sen_p_ active">
<div class="sen_p_img">
<img src="./img/16.gif" alt="">
</div>
<div class="sen_p_right">
<h6>LoRa可燃气体报警器</h6>
<p>可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上</p>
</div>
</div>
<div class="sen_bottom">
<P class="med_text">1可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
<P class="med_text">报警器就会发出报警信号,以提醒工作人员采取安全措施,并驱动排风、切断、喷淋系统,防止发生爆炸、火灾、中毒事故,从而保障安全生产。</P>
</div>
<div class="sen_p_">
<div class="sen_p_img">
<img src="./img/16.gif" alt="">
</div>
<div class="sen_p_right">
<h6>LoRa可燃气体报警器</h6>
<p>可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上</p>
</div>
</div>
<div class="sen_bottom">
<P class="med_text">2可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
<P class="med_text">报警器就会发出报警信号,以提醒工作人员采取安全措施,并驱动排风、切断、喷淋系统,防止发生爆炸、火灾、中毒事故,从而保障安全生产。</P>
</div>
<div class="sen_p_">
<div class="sen_p_img">
<img src="./img/16.gif" alt="">
</div>
<div class="sen_p_right">
<h6>报警器</h6>
<p>是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上</p>
</div>
</div>
<div class="sen_bottom">
<P class="med_text">3可燃气体报瞥器即气体泄露检测报警器,是区域安全监视器中的一种预防性报警器。当工业环境中可燃气体报啓器检测到可燃气体浓度达到爆炸下限或上:限的临界点时,可燃气体</P>
<P class="med_text">报警器就会发出报警信号,以提醒工作人员采取安全措施,并驱动排风、切断、喷淋系统,防止发生爆炸、火灾、中毒事故,从而保障安全生产。</P>
</div>
</div>
</div>
</div>
</div>
<!-- footer部分 -->
<div class="footer">
<div class="container ft_box">
<div class="row">
<div class="col-xs-12 col-md-6">
<p>地址:武汉市东湖新技术开发区软件园东路1号光谷展示中心D座三层</p>
<p>邮箱:contactus@easylinkin.com</p>
<p>电话:027-87176669转803</p>
</div>
<div class="col-xs-12 wexin">
<div class="we_list">
<div class="EwmBox">
<img class="Ewm" src="http://www.easylinkin.com/themes/simpleboot3/public/static/images/baidu.png" width="100px" height="100px">
<p class="sanjiao"></p>
</div>
</div>
<div class="we_list">
<div class="EwmBox">
<img class="Ewm" src="http://www.easylinkin.com/themes/simpleboot3/public/static/images/baidu.png" width="100px" height="100px">
<p class="sanjiao"></p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-6">
<div class="btn-group dropup dro_custom">
<button type="button" class="btn bit_e">友情链接</button>
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li>
<a href="javascript:;">Action</a>
</li>
<li>
<a href="javascript:;">链接</a>
</li>
<li>
<a href="javascript:;">链接</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xs-12 col-md-5 f_link">
<a href="javascript:;">首页</a>
<a href="javascript:;">技术</a>
<a href="javascript:;">产品与服务</a>
<a href="javascript:;">关于慧联</a>
<a href="javascript:;">新闻</a>
<a href="javascript:;">招贤纳士</a>
</div>
<div class="row">
<div class="col-xs-12 col-md-3">
<p>版权所有@2018 武汉慧联无限科技有限公司</p>
</div>
<div class="col-xs-12 col-md-4">
<p>鄂公网安备 42018502003500号 鄂ICP备15013143号-1</p>
</div>
</div>
</div>
</div>
</body>
<script src="./js/common.js"></script>
<script>
$(function () {
// 导航下拉菜单
var qcloud = {};
$('[_t_nav]').hover(function () {
var _nav = $(this).attr('_t_nav');
clearTimeout(qcloud[_nav + '_timer']);
qcloud[_nav + '_timer'] = setTimeout(function () {
$('#' + _nav).stop(true, true).slideDown(200);
}, 100);
}, function () {
var _nav = $(this).attr('_t_nav');
clearTimeout(qcloud[_nav + '_timer']);
qcloud[_nav + '_timer'] = setTimeout(function () {
$('#' + _nav).stop(true, true).slideUp(200);
}, 100);
});
// pc端切换效果
$('.top_ .bor_der').on('click', function () {
var index = $(this).attr('data-id');
console.log(index)
$(this).addClass('active').siblings('.bor_der').removeClass('active');
$('.bottom_').eq(index).addClass('main').siblings('.bottom_').removeClass('main');
})
// 移动端切换效果
$('#sideMenu').slide({
titCell: '.sen_p_',
targetCell: '.sen_bottom',
effect: 'slideDown',
delayTime: 200,
triggerTime: 150,
defaultPlay: true,
trigger: 'click',
returnDefault: false
})
$('#sideMenu .sen_p_').on('click', function(){
$(this).addClass('active').siblings('.sen_p_').removeClass('active');
})
})
function isClass(data) {
if ($(data).is('.cont_active')) {
} else {
$(data).addClass('cont_active').siblings().removeClass('cont_active');
}
}
</script>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化