Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
4857bf0c by 任超
Options

style:新闻动态

1 parent 23fc0f1a
Inline Side-by-side
Showing 11 changed files with 71 additions and 185 deletions
......@@ -6,12 +6,9 @@
<title>网上“一窗办事”登记系统</title>
<link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
<script type="text/javascript" src="./staticJs/head.js"></script>
<script type="text/javascript" src="./staticJs/staticIndex.js"></script>
</head>
<body>
<div>
<div class="banner">
<div class="layui-carousel" id="banner_swiper">
<div carousel-item>
......@@ -488,5 +485,6 @@
</body>
<script type="text/javascript" src="./staticJs/down.js"></script>
<script type="text/javascript" src="./staticJs/common.js"></script>
<script type="text/javascript" src="./staticJs/staticIndex.js"></script>
</html>
\ No newline at end of file
......
......@@ -19,7 +19,7 @@
.navigation_crumbs {
width: 100%;
height: 45px;
line-height: 40px;
padding: 10px 0;
background: #FAFAFA;
border: 1px solid #E6E6E6;
box-sizing: border-box;
......
$(function () {
layui.use('element', function () {
var element = layui.element;
});
......@@ -59,4 +60,8 @@ layui.use('util', function () {
}
}
});
});
\ No newline at end of file
});
addTabs('#bszn')
});
......
function addTabs(id){
$('.layui-nav-item').removeClass('layui-this')
$(id).addClass('layui-this')
}
\ No newline at end of file
//获取当前网址，如： http://localhost:8083/myproj/view/my.jsp
var curWwwPath = window.document.location.href;
//获取主机地址之后的目录，如： myproj/view/my.jsp
var pathName = window.document.location.pathname;
var pos = curWwwPath.indexOf(pathName);
//获取主机地址，如： http://localhost:8083
var localhostPaht = curWwwPath.substring(0, pos);
document.writeln("<!DOCTYPE html>");
document.writeln("<html lang=\'en\'>");
document.writeln("");
document.writeln("<head>");
document.writeln(" <meta charset=\'UTF-8\'>");
document.writeln(" <title>网上“一窗办事”登记系统</title>");
document.writeln(" <meta name=\'copyright\' content=\' &reg 技术支持 All Rights Reserved\' />");
document.writeln(" <meta name=\'robots\' content=\'index,follow\' />");
document.writeln(" <meta name=\'googlebot\' content=\'index,follow,archive\' />");
......@@ -44,11 +40,11 @@ document.writeln(" </div>");
document.writeln(" </div>");
document.writeln(" <div class=\'navigation\'>");
document.writeln(" <ul class=\'layui-nav layui-bg-blue\' lay-filter=\'\'>");
document.writeln(" <li class=\'layui-nav-item layui-this\'><a href=\'"+localhostPaht+"/index.html\' title=\'首页\'>首页</a></li>");
document.writeln(" <li class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/xwdt/index.html\' title=\'新闻动态\'>新闻动态</a></li> ");
document.writeln(" <li id='index' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/index.html\' title=\'首页\'>首页</a></li>");
document.writeln(" <li id='news' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/xwdt/index.html\' title=\'新闻动态\'>新闻动态</a></li> ");
document.writeln(" <li class=\'layui-nav-item\'><a href=\'\'>政策法规</a></li>");
document.writeln(" <li class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn/index.html\'>办事指南</a></li>");
document.writeln(" <li class=\'layui-nav-item\'><a href=\'\'>业务办理</a></li>");
document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn/index.html\'>办事指南</a></li>");
document.writeln(" <li id='business' class=\'layui-nav-item\'><a href=\'\'>业务办理</a></li>");
document.writeln(" <li class=\'layui-nav-item\'>");
document.writeln(" <a href=\'javascript:;\'>查验中心</a>");
document.writeln(" <dl class=\'layui-nav-child\'>");
......
......@@ -32,18 +32,19 @@ layui.use('util', function () {
});
//初始化方法
$(function(){
$(function () {
NewsData();
addTabs('#index')
});
function NewsData(){
function NewsData() {
//$.ajax()
var ulNews=$("#ulNews");
ulNews.empty();
var str='';
for(var i=0;i<6;i++){
str='<li><a href="#" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>';
ulNews.append(str);
}
var ulNews = $("#ulNews");
ulNews.empty();
var str = '';
for (var i = 0; i < 6; i++) {
str = '<li><a href="#" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>';
ulNews.append(str);
}
}
\ No newline at end of file
......
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
layui.use('laypage', function () {
// $(function () {
// let laypage = layui.laypage;
// //执行一个laypage实例
// laypage.render({
// elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
// , count: 50 //数据总数，从服务端得到
// , prev: '<'
// , next: '>'
// , theme: '#0091FF'
// });
// });
})
addTabs('#news')
})
\ No newline at end of file
......@@ -26,10 +26,10 @@
/* --------------------导航tab------------------------- */
.one_content {
border: 1px solid #DEDEDE;;
margin-top: 30px;
margin-top: 20px!important;
}
.one_content .layui-tab {
margin: 0;
margin: -1px;
}
.one_content .layui-tab-title li {
width: 150px;
......
<!DOCTYPE html>
<html lang="zh-cn">
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>办事指南</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link type="text/css" rel="stylesheet" href="../../staticCss/common.css" />
<script type="text/javascript" src="../../staticJs/head.js"></script>
<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>
<a href="" title="登录">
登录
</a>
</li>
<li>
<a href="" title="注册">
注册
</a>
</li>
</ul>
</div>
</div>
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item"><a href="../../staticIndex.html">首页</a></li>
<li class="layui-nav-item"><a href="./../xwdt/index.html">新闻动态</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item"><a href="">政策法规</a></li>
<li class="layui-nav-item layui-this"><a href="../bszn/index.html">办事指南</a></li>
<li class="layui-nav-item">
<a href="javascript:;">查验中心</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="../zxjf/index.html">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
......@@ -549,80 +499,9 @@
</div>
</div>
</div>
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="" title="公示公告">
<span>公示公告</span>
</a>
</li>
<li>
<a href="" title="法律法规">
<span>法律法规</span>
</a>
</li>
<li>
<a href="" title="相应政策">
<span>相应政策</span>
</a>
</li>
<li>
<a href="" title="下载服务">
<span>下载服务</span>
</a>
</li>
<li>
<a href="" title="关于我们">
<span>关于我们</span>
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="" title="党政机关">
<img src="../../staticImages/jiguan.png" alt="党政机关"/>
</a>
</div>
<ul>
<li>
西安市自然资源和规划局
</li>
<li>
电话：028-456465
</li>
<li>
地址：西安市丰城8路
</li>
<li>
网站标识吗：87987987
</li>
<li>
备案：陕IPC456465465
</li>
<li>
陕公网备案：456465465
</li>
</ul>
<ol>
<li>
<img src="../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
<li>
<img src="../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
</ol>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
<script type="text/javascript" src="../../staticJs/bszn.js"></script>
\ No newline at end of file
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/javascript" src="../../staticJs/common.js"></script>
<script type="text/javascript" src="../../staticJs/bszn.js"></script>
</html>
\ No newline at end of file
......
......@@ -33,6 +33,7 @@ div.subject {
width: 1200px;
margin: 0 auto;
overflow: hidden;
padding-bottom: 0!important;
}
.one_content {
......
......@@ -5,13 +5,10 @@
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<title>新闻动态</title>
<script type="text/javascript" src="../../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
......@@ -219,28 +216,7 @@
</div>
</div>
</body>
<script type="text/javascript">
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
layui.use('laypage', function () {
// $(function () {
// let laypage = layui.laypage;
// //执行一个laypage实例
// laypage.render({
// elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
// , count: 50 //数据总数，从服务端得到
// , prev: '<'
// , next: '>'
// , theme: '#0091FF'
// });
// });
})
</script>
<script type="text/javascript" src="../../staticJs/common.js"></script>
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/javascript" src="../../staticJs/xwdt.js"></script>
</html>
\ No newline at end of file
......