Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
2fa0aa4f by 任超
Options

style:办事指南

1 parent 3ee806de
Inline Side-by-side
Showing 2 changed files with 94 additions and 100 deletions
layui.use('element', function () {
var element = layui.element;
});
layui.use('element', function () {
var element = layui.element;
//监听Tab切换，以改变地址hash值
element.on('tab(navtab)', function () {
if (this.getAttribute('lay-id') == 1) {
$("body,html").animate({ scrollTop: $(".tudi").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".tudi .online_business h2").addClass('titleActive')
} else if (this.getAttribute('lay-id') == 2) {
$("body,html").animate({ scrollTop: $(".jianzhu").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".jianzhu .online_business h2").addClass('titleActive')
} else if (this.getAttribute('lay-id') == 3) {
$("body,html").animate({ scrollTop: $(".linmu").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".linmu .online_business h2").addClass('titleActive')
} else if (this.getAttribute('lay-id') == 4) {
$("body,html").animate({ scrollTop: $(".qita").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".qita .online_business h2").addClass('titleActive')
} else {
$("body,html").animate({ scrollTop: 0 });
$(".online_business h2").removeClass('titleActive')
}
});
element.on('tab(navtab1)', function () {
if (this.getAttribute('lay-id') == 1) {
$("body,html").animate({ scrollTop: $(".tudi1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".tudi1 .navtab1 h2").addClass('titleActive')
} else if (this.getAttribute('lay-id') == 2) {
$("body,html").animate({ scrollTop: $(".jianzhu1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".jianzhu1 .navtab1 h2").addClass('titleActive')
} else if (this.getAttribute('lay-id') == 3) {
$("body,html").animate({ scrollTop: $(".linmu1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".linmu1 .navtab1 h2").addClass('titleActive')
} else {
$("body,html").animate({ scrollTop: 0 });
$(".navtab1 h2").removeClass('titleActive')
}
});
});
layui.use('util', function () {
let util = layui.util;
//执行
util.fixbar({
bar1: true,
bar2: true,
top: true
, click: function (type) {
console.log(type);
if (type === 'bar1') {
alert('点击了bar1')
}
}
});
});
\ No newline at end of file
......@@ -2,7 +2,7 @@
<html lang="zh-cn">
<head>
<title>网上“一窗办事”登记系统</title>
<title>办事指南</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
......@@ -16,22 +16,27 @@
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div class="business_guide">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html"><img src="../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
autocomplete="off" class="layui-input">
<i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
</div>
<ul class="login">
<li>登录</li>
<li>注册</li>
<li>
<a href="" title="登录">
登录
</a>
</li>
<li>
<a href="" title="注册">
注册
</a>
</li>
</ul>
</div>
</div>
......@@ -57,9 +62,9 @@
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html">首页</a>
<a href="./../bszn/index.html">办事指南</a>
<a><cite>业务指南</cite></a>
<a href="../../staticIndex.html" title="首页">首页</a>
<a href="./../bszn/index.html" title="办事指南">办事指南</a>
<a title="业务指南"><cite>业务指南</cite></a>
</span>
</div>
</div>
......@@ -86,56 +91,56 @@
</div>
<ul class="online_list">
<li>
<a href="">
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
......@@ -547,27 +552,27 @@
<div class="system_service">
<ul class="">
<li>
<a href="">
<a href="" title="公示公告">
<span>公示公告</span>
</a>
</li>
<li>
<a href="">
<a href="" title="法律法规">
<span>法律法规</span>
</a>
</li>
<li>
<a href="">
<a href="" title="相应政策">
<span>相应政策</span>
</a>
</li>
<li>
<a href="">
<a href="" title="下载服务">
<span>下载服务</span>
</a>
</li>
<li>
<a href="">
<a href="" title="关于我们">
<span>关于我们</span>
</a>
</li>
......@@ -575,8 +580,8 @@
</div>
<div class="subject">
<div class="footer_logo">
<a href="">
<img src="../../staticImages/jiguan.png">
<a href="" title="党政机关">
<img src="../../staticImages/jiguan.png" alt="党政机关"/>
</a>
</div>
<ul>
......@@ -601,11 +606,11 @@
</ul>
<ol>
<li>
<img src="../../staticImages/code.png">
<img src="../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
<li>
<img src="../../staticImages/code.png">
<img src="../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
......@@ -616,79 +621,6 @@
</body>
</html>
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
<script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
<script>
//注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function () {
var element = layui.element;
//…
});
layui.use('element', function () {
var element = layui.element;
//监听Tab切换，以改变地址hash值
element.on('tab(navtab)', function () {
if(this.getAttribute('lay-id')==1){
$("body,html").animate({ scrollTop: $(".tudi").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".tudi .online_business h2").addClass('titleActive')
}else if(this.getAttribute('lay-id')==2){
$("body,html").animate({ scrollTop: $(".jianzhu").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".jianzhu .online_business h2").addClass('titleActive')
}else if(this.getAttribute('lay-id')==3){
$("body,html").animate({ scrollTop: $(".linmu").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".linmu .online_business h2").addClass('titleActive')
}else if(this.getAttribute('lay-id')==4){
$("body,html").animate({ scrollTop: $(".qita").offset().top });
$(".online_business h2").removeClass('titleActive')
$(".qita .online_business h2").addClass('titleActive')
}else {
$("body,html").animate({ scrollTop: 0 });
$(".online_business h2").removeClass('titleActive')
}
});
element.on('tab(navtab1)', function () {
if(this.getAttribute('lay-id')==1){
$("body,html").animate({ scrollTop: $(".tudi1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".tudi1 .navtab1 h2").addClass('titleActive')
}else if(this.getAttribute('lay-id')==2){
$("body,html").animate({ scrollTop: $(".jianzhu1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".jianzhu1 .navtab1 h2").addClass('titleActive')
}else if(this.getAttribute('lay-id')==3){
$("body,html").animate({ scrollTop: $(".linmu1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".linmu1 .navtab1 h2").addClass('titleActive')
}else {
$("body,html").animate({ scrollTop: 0 });
$(".navtab1 h2").removeClass('titleActive')
}
});
});
layui.use('util', function () {
let util = layui.util;
//执行
util.fixbar({
bar1: true,
bar2: true,
top:true
, click: function (type) {
console.log(type);
if (type === 'bar1') {
alert('点击了bar1')
}
}
});
});
</script>
<script type="text/javascript" src="../../staticJs/bszn.js"></script>
\ No newline at end of file
......