Skip to content

石磊 / cihai

Go to a project
Commit 73db3985 by 侯昆
Options

万国志等页面修改，历史上的今天修改

1 parent 4365653a
Inline Side-by-side
Showing 49 changed files with 1114 additions and 68 deletions
serverside/cihai-app/src/main/java/com/dookay/cihai/app/controller/AnnalController.java 0 → 100644
package com.dookay.cihai.app.controller;
/*****************************************
* *
* @dookay.com Internet make it happen *
* ----------- ----------------------- *
* dddd ddddd Internet make it happen *
* o o o Internet make it happen *
* k k k Internet make it happen *
* a a a Internet make it happen *
* yyyy yyyyy Internet make it happen *
* ----------- ----------------------- *
* @dookay.com Internet make it happen *
* *
****************************************/
import com.dookay.coral.common.web.controller.BaseController;
import io.swagger.annotations.ApiOperation;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;
/**
* @author houkun
* @date 2018/2/12
*/
@Controller
@RequestMapping("/annal")
public class AnnalController extends BaseController {
/**
* @author houkun
* @date 2018/2/12
*/
@RequestMapping(value = "/country", method = RequestMethod.GET)
@ApiOperation(value = "万国志", httpMethod = "GET")
public ModelAndView country() {
ModelAndView mv = new ModelAndView("/annal/country");
return mv;
}
@RequestMapping(value = "/country/america", method = RequestMethod.GET)
public ModelAndView america() {
ModelAndView mv = new ModelAndView("/annal/america");
return mv;
}
@RequestMapping(value = "/area", method = RequestMethod.GET)
@ApiOperation(value = "地方志", httpMethod = "GET")
public ModelAndView area() {
ModelAndView mv = new ModelAndView("/annal/area");
return mv;
}
@RequestMapping(value = "/area/shanghai", method = RequestMethod.GET)
public ModelAndView shanghai() {
ModelAndView mv = new ModelAndView("/annal/shanghai");
return mv;
}
@RequestMapping(value = "/area/shanghai/current", method = RequestMethod.GET)
public ModelAndView current() {
ModelAndView mv = new ModelAndView("/annal/current");
return mv;
}
@RequestMapping(value = "/people", method = RequestMethod.GET)
@ApiOperation(value = "人物志", httpMethod = "GET")
public ModelAndView people() {
ModelAndView mv = new ModelAndView("/annal/people");
return mv;
}
}
serverside/cihai-app/src/main/webapp/WEB-INF/jsp/annal/america.jsp 0 → 100644
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp" %>
<%--添加此行消除额外空格--%>
<%@ page trimDirectiveWhitespaces="true" %>
<%--添加此行消除额外空格--%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>美国</title>
<link rel="stylesheet" href="/static/css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" id="img" src="/static/images/wanguozhi-1.png" draggable="false">
</div>
</div>
<script src="/static/js/plugins/jquery.min.js"></script>
<script src="/static/js/vendor.js" merge="true"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/WEB-INF/jsp/annal/area.jsp 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>地方志</title>
<link rel="stylesheet" href="/static/css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" id="img" src="/static/images/difangzhi.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area id="link" shape="rect" coords="125,260,190,295" href="/annal/area/shanghai" >
</map>
</div>
</div>
<script src="/static/js/plugins/jquery.min.js"></script>
<script src="/static/js/vendor.js" merge="true"></script>
<script>
var w = 1236,
h = 2034,
$img = $('#img'),
iw = $img.width(),
ih = $img.height();
$('#link').attr('coords', iw * 125 / w + ',' + ih * 260 / h + ',' + iw * 190 / w + ',' + ih * 295 / h);
</script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/WEB-INF/jsp/annal/country.jsp 0 → 100644
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp" %>
<%--添加此行消除额外空格--%>
<%@ page trimDirectiveWhitespaces="true" %>
<%--添加此行消除额外空格--%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>万国志</title>
<link rel="stylesheet" href="/static/css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" id="img" src="/static/images/wanguozhi.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area id="link" shape="rect" coords="660,365,740,410" href="/annal/country/america">
</map>
</div>
</div>
<script src="/static/js/plugins/jquery.min.js"></script>
<script src="/static/js/vendor.js" merge="true"></script>
<script>
var w = 1236,
h = 1312,
$img = $('#img'),
iw = $img.width(),
ih = $img.height();
$('#link').attr('coords', iw * 660 / w + ',' + ih * 365 / h + ',' + iw * 740 / w + ',' + ih * 410 / h);
</script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/WEB-INF/jsp/annal/current.jsp 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>上海</title>
<link rel="stylesheet" href="/static/css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" src="/static/images/difangzhi-2.png" draggable="false">
</div>
</div>
<script src="/static/js/plugins/jquery.min.js"></script>
<script src="/static/js/vendor.js" merge="true"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/WEB-INF/jsp/annal/people.jsp 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>人物志</title>
<link rel="stylesheet" href="/static/css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" src="/static/images/renwuzhi.png" draggable="true">
</div>
</div>
<script src="/static/js/plugins/jquery.min.js"></script>
<script src="/static/js/vendor.js" merge="true"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/WEB-INF/jsp/annal/shanghai.jsp 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>上海</title>
<link rel="stylesheet" href="/static/css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" id="img" src="/static/images/difangzhi-1.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area id="link" shape="rect" coords="210,135,370,190" href="/annal/area/shanghai/current" target="_blank">
</map>
</div>
</div>
<script src="/static/js/plugins/jquery.min.js"></script>
<script src="/static/js/vendor.js" merge="true"></script>
<script>
var w = 1236,
h = 2078,
$img = $('#img'),
iw = $img.width(),
ih = $img.height();
$('#link').attr('coords', iw * 210 / w + ',' + ih * 135 / h + ',' + iw * 370 / w + ',' + ih * 190 / h);
</script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/WEB-INF/jsp/word/statement_baike.jsp
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
</c:forEach> </c:forEach>
<c:if test="${vo.word eq '二十四节气'}"> <c:if test="${vo.word eq '二十四节气'}">
<div class="st-wrap"> <div class="st-wrap">
<img src="/static/images/24.jpg" alt=""> <img class="img-fluid" id="img-24" src="/static/images/24.jpg" alt="">
<div class="st-links"> <div class="st-links">
<div class="st-row"> <div class="st-row">
<a class="st-link" href="/word/473"></a> <a class="st-link" href="/word/473"></a>
...@@ -1065,4 +1065,30 @@ ...@@ -1065,4 +1065,30 @@
}) })
</script> </script>
</c:if> </c:if>
<c:if test="${vo.word eq '二十四节气'}">
<script>
$(function(){
// 24节气点击位置
var w = 689,
h = 1002,
$img24 = $('#img-24'),
iw = $img24.width(),
ih = $img24.height(),
$stLinks = $('.st-links');
$stLinks.css({
'width': iw + 2 + 'px',
'height': ih + 'px',
'padding-left': iw * 180 / w + 'px',
'margin-left': -iw / 2 + 'px'
});
$stLinks.find('.st-row').css({
'margin-bottom': ih * 200 / h + 'px'
})
$stLinks.find('a').css({
'width': iw * 85 / w + 'px',
'height': ih * 50 / h + 'px'
});
})
</script>
</c:if>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/> <jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
serverside/cihai-app/src/main/webapp/static/24节气.html
...@@ -108,7 +108,7 @@ ...@@ -108,7 +108,7 @@
<p>哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</p> <p>哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</p>
<div <div
class="st-wrap"> class="st-wrap">
<img src="./images/24.jpg" alt=""> <img class="img-fluid" id="img-24" src="./images/24.jpg" alt="">
<div class="st-links"> <div class="st-links">
<div class="st-row"> <div class="st-row">
<a class="st-link" href=""></a> <a class="st-link" href=""></a>
...@@ -162,6 +162,27 @@ ...@@ -162,6 +162,27 @@
$($this.siblings().attr('href')).collapse('hide'); $($this.siblings().attr('href')).collapse('hide');
}); });
}); });
// 24节气点击位置
var w = 689,
h = 1002,
$img24 = $('#img-24'),
iw = $img24.width(),
ih = $img24.height(),
$stLinks = $('.st-links');
$stLinks.css({
'width': iw + 2 + 'px',
'height': ih + 'px',
'padding-left': iw * 180 / w + 'px',
'margin-left': -iw / 2 + 'px'
});
$stLinks.find('.st-row').css({
'margin-bottom': ih * 200 / h + 'px'
})
$stLinks.find('a').css({
'width': iw * 85 / w + 'px',
'height': ih * 50 / h + 'px'
});
}); });
</script> </script>
</body> </body>
......
serverside/cihai-app/src/main/webapp/static/js/vendor.js
This diff could not be displayed because it is too large.
serverside/cihai-app/src/main/webapp/static/万国志-1.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>万国志-1</title>
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" id="img" src="images/wanguozhi-1.png" draggable="false">
</div>
</div>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/static/万国志.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>万国志</title>
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" id="img" src="images/wanguozhi.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area id="link" shape="rect" coords="660,365,740,410" href="万国志-1.html" target="_blank">
</map>
</div>
</div>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
<script>
var w = 1236,
h = 1312,
$img = $('#img'),
iw = $img.width(),
ih = $img.height();
$('#link').attr('coords', iw * 660 / w + ',' + ih * 365 / h + ',' + iw * 740 / w + ',' + ih * 410 / h);
</script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/static/人物志.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>人物志</title>
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" src="images/renwuzhi.png" draggable="true">
</div>
</div>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/static/地方志-1.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>地方志-1</title>
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" id="img" src="images/difangzhi-1.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area id="link" shape="rect" coords="210,135,370,190" href="地方志-2.html" target="_blank">
</map>
</div>
</div>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
<script>
var w = 1236,
h = 2078,
$img = $('#img'),
iw = $img.width(),
ih = $img.height();
$('#link').attr('coords', iw * 210 / w + ',' + ih * 135 / h + ',' + iw * 370 / w + ',' + ih * 190 / h);
</script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/static/地方志-2.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>地方志-2</title>
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" src="images/difangzhi-2.png" draggable="false">
</div>
</div>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/static/地方志.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>地方志</title>
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" id="img" src="images/difangzhi.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area id="link" shape="rect" coords="125,260,190,295" href="地方志-1.html" target="_blank">
</map>
</div>
</div>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
<script>
var w = 1236,
h = 2034,
$img = $('#img'),
iw = $img.width(),
ih = $img.height();
$('#link').attr('coords', iw * 125 / w + ',' + ih * 260 / h + ',' + iw * 190 / w + ',' + ih * 295 / h);
</script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-pc/src/main/java/com/dookay/cihai/pc/controller/AnnalController.java 0 → 100644
package com.dookay.cihai.pc.controller;
/*****************************************
* *
* @dookay.com Internet make it happen *
* ----------- ----------------------- *
* dddd ddddd Internet make it happen *
* o o o Internet make it happen *
* k k k Internet make it happen *
* a a a Internet make it happen *
* yyyy yyyyy Internet make it happen *
* ----------- ----------------------- *
* @dookay.com Internet make it happen *
* *
****************************************/
import com.dookay.coral.common.web.controller.BaseController;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;
/**
* @author houkun
* @date 2018/2/12
*/
@Controller
@RequestMapping("/annal")
public class AnnalController extends BaseController {
/**
* @author houkun
* @date 2018/2/12
*/
@RequestMapping(value = "/country", method = RequestMethod.GET)
public ModelAndView country() {
ModelAndView mv = new ModelAndView("/annal/country");
return mv;
}
@RequestMapping(value = "/country/america", method = RequestMethod.GET)
public ModelAndView america() {
ModelAndView mv = new ModelAndView("/annal/america");
return mv;
}
@RequestMapping(value = "/area", method = RequestMethod.GET)
public ModelAndView area() {
ModelAndView mv = new ModelAndView("/annal/area");
return mv;
}
@RequestMapping(value = "/area/shanghai", method = RequestMethod.GET)
public ModelAndView shanghai() {
ModelAndView mv = new ModelAndView("/annal/shanghai");
return mv;
}
@RequestMapping(value = "/area/shanghai/current", method = RequestMethod.GET)
public ModelAndView current() {
ModelAndView mv = new ModelAndView("/annal/current");
return mv;
}
@RequestMapping(value = "/people", method = RequestMethod.GET)
public ModelAndView people() {
ModelAndView mv = new ModelAndView("/annal/people");
return mv;
}
}
serverside/cihai-pc/src/main/java/com/dookay/cihai/pc/controller/HomeController.java
...@@ -173,39 +173,4 @@ public class HomeController extends BaseController { ...@@ -173,39 +173,4 @@ public class HomeController extends BaseController {
return mv; return mv;
} }
/**
* 万国志
*
* @author houkun
* @date 2018/2/8
*/
@RequestMapping(value = "/country", method = RequestMethod.GET)
public ModelAndView country() {
ModelAndView mv = new ModelAndView("/home/country");
return mv;
}
/**
* 地方志
*
* @author houkun
* @date 2018/2/8
*/
@RequestMapping(value = "/area", method = RequestMethod.GET)
public ModelAndView area() {
ModelAndView mv = new ModelAndView("/home/area");
return mv;
}
/**
* 人物志
*
* @author houkun
* @date 2018/2/8
*/
@RequestMapping(value = "/people", method = RequestMethod.GET)
public ModelAndView people() {
ModelAndView mv = new ModelAndView("/home/people");
return mv;
}
} }
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/area.jsp → serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/annal/america.jsp
...@@ -2,15 +2,14 @@ ...@@ -2,15 +2,14 @@
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="/WEB-INF/jsp/include/header_search.jsp"> <jsp:include page="/WEB-INF/jsp/include/header_search.jsp">
<jsp:param name="pageTitle" value="地方志"/> <jsp:param name="pageTitle" value="美国"/>
</jsp:include> </jsp:include>
<div class="container-fluid"> <div class="container-fluid">
<div class="article"> <div class="article">
<img src="/static/images/shanghai.png"> <img src="/static/images/wanguozhi-1.png" draggable="false">
</div> </div>
</div> </div>
<footer class="footer-main"> <footer class="footer-main">
<div class="container"> <div class="container">
<p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司 <p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司
...@@ -19,4 +18,5 @@ ...@@ -19,4 +18,5 @@
</div> </div>
</footer> </footer>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/> <jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/annal/area.jsp 0 → 100644
<%@ include file="/WEB-INF/jsp/include/taglib.jsp" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="/WEB-INF/jsp/include/header_search.jsp">
<jsp:param name="pageTitle" value="地方志"/>
</jsp:include>
<div class="container-fluid">
<div class="article">
<img src="/static/images/difangzhi.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="125,260,190,295" href="/annal/area/shanghai" target="_blank">
</map>
</div>
</div>
<footer class="footer-main">
<div class="container">
<p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司
<a class="beian" href="#" target="_blank">沪ICP备12009386号-3</a>
</p>
</div>
</footer>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/country.jsp → serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/annal/country.jsp
...@@ -7,7 +7,10 @@ ...@@ -7,7 +7,10 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="article"> <div class="article">
<img src="/static/images/america.png"> <img src="/static/images/wanguozhi.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="660,365,740,410" href="/annal/country/america" target="_blank">
</map>
</div> </div>
</div> </div>
<footer class="footer-main"> <footer class="footer-main">
......
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/annal/current.jsp 0 → 100644
<%@ include file="/WEB-INF/jsp/include/taglib.jsp" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="/WEB-INF/jsp/include/header_search.jsp">
<jsp:param name="pageTitle" value="上海"/>
</jsp:include>
<div class="container-fluid">
<div class="article">
<img src="/static/images/difangzhi-2.png" draggable="false" usemap="#planetmap">
<map name="planetmap" coords="125,260,190,295" href="#">
<area shape="rect">
</map>
</div>
</div>
<footer class="footer-main">
<div class="container">
<p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司
<a class="beian" href="#" target="_blank">沪ICP备12009386号-3</a>
</p>
</div>
</footer>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/people.jsp → serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/annal/people.jsp
...@@ -7,10 +7,9 @@ ...@@ -7,10 +7,9 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="article"> <div class="article">
<img src="/static/images/china.png"> <img src="/static/images/renwuzhi.png" draggable="false">
</div> </div>
</div> </div>
<footer class="footer-main"> <footer class="footer-main">
<div class="container"> <div class="container">
<p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司 <p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司
...@@ -19,4 +18,5 @@ ...@@ -19,4 +18,5 @@
</div> </div>
</footer> </footer>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/> <jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/annal/shanghai.jsp 0 → 100644
<%@ include file="/WEB-INF/jsp/include/taglib.jsp" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="/WEB-INF/jsp/include/header_search.jsp">
<jsp:param name="pageTitle" value="上海"/>
</jsp:include>
<div class="container-fluid">
<div class="article">
<img src="/static/images/difangzhi-1.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="230,135,370,190" href="/annal/area/shanghai/current" target="_blank">
</map>
</div>
</div>
<footer class="footer-main">
<div class="container">
<p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司
<a class="beian" href="#" target="_blank">沪ICP备12009386号-3</a>
</p>
</div>
</footer>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/index.jsp
...@@ -52,9 +52,10 @@ ...@@ -52,9 +52,10 @@
<img src="/static/images/logo.png"> <img src="/static/images/logo.png">
</a> </a>
<div class="hot-tags"> <div class="hot-tags">
<a href="/country">万国志</a> <a href="/annal/country">万国志</a>
<a href="/area">地方志</a> <a href="/annal/area">地方志</a>
<a href="/people">人物志</a> <a href="/annal/people">人物志</a>
<a href="javascript:;">专题</a>
</div> </div>
</div> </div>
<a class="calendar" href="/today"> <a class="calendar" href="/today">
...@@ -82,6 +83,9 @@ ...@@ -82,6 +83,9 @@
<button class="btn btn-search btn-lg" type="submit"></button> <button class="btn btn-search btn-lg" type="submit"></button>
</div> </div>
</div> </div>
<a class="btn btn-link btn-lg" type="button">搜索助手
<span class="icon icon-help"></span>
</a>
</form> </form>
<div class="navbar-links navbar-form"> <div class="navbar-links navbar-form">
<label class="radio-inline"> <label class="radio-inline">
...@@ -113,19 +117,19 @@ ...@@ -113,19 +117,19 @@
</div> </div>
</div> </div>
<div class="card-col card-word"> <div class="card-col card-word">
<div class="card-word-value">
<a href="/word/${recommendStatement.wordId}">
${recommendStatement.word}
</a>
</div>
<div class="card-word-content"> <div class="card-word-content">
<div class="card-word-desc"> <div class="card-word-desc">
<%=StringUtils.replace(recommendStatement.getDescription(), "\n", "<br>")%> ${recommendStatement.description}
</div> </div>
<div class="card-word-metas"> <div class="card-word-metas">
<%=StringUtils.join(recommendStatement.getRelatedStatement().stream().limit(4).collect(Collectors.toList()), " / ")%> <%=StringUtils.join(recommendStatement.getRelatedStatement().stream().limit(4).collect(Collectors.toList()), " / ")%>
</div> </div>
</div> </div>
<div class="card-word-value">
<a href="/word/${recommendStatement.wordId}">
${recommendStatement.word}
</a>
</div>
<div class="card-word-share"> <div class="card-word-share">
<div class="icon icon-share"></div> <div class="icon icon-share"></div>
</div> </div>
......
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/today.jsp
...@@ -17,17 +17,36 @@ ...@@ -17,17 +17,36 @@
<a href="#his3"></a> <a href="#his3"></a>
</li> </li>
</ul> </ul>
<%--<div class="tab-content">--%>
<%--<div class="tab-pane active" id="his1">--%>
<%--<img src="/static/images/historyall.png">--%>
<%--</div>--%>
<%--<div class="tab-pane" id="his2">--%>
<%--<img src="/static/images/historything.png">--%>
<%--</div>--%>
<%--<div class="tab-pane" id="his3">--%>
<%--<img src="/static/images/historytoday.png">--%>
<%--</div>--%>
<%--</div>--%>
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="his1"> <div class="tab-pane active" id="his1">
<img src="/static/images/historyall.png"> <img src="/static/images/historyall.png" draggable="false" usemap="#planetmap1">
<map name="planetmap1">
<area shape="rect" coords="450,1180,520,1225" href="/word/607" target="_blank">
</map>
</div> </div>
<div class="tab-pane" id="his2"> <div class="tab-pane" id="his2">
<img src="/static/images/historything.png"> <img src="/static/images/historything.png" draggable="false">
</div> </div>
<div class="tab-pane" id="his3"> <div class="tab-pane" id="his3">
<img src="/static/images/historytoday.png"> <img src="/static/images/historytoday.png" draggable="false" usemap="#planetmap2">
<map name="planetmap2">
<area shape="rect" coords="437,678,505,720" href="/word/607" target="_blank">
</map>
</div> </div>
</div> </div>
</div> </div>
<footer class="footer-main"> <footer class="footer-main">
<div class="container"> <div class="container">
......
serverside/cihai-pc/src/main/webapp/static/css/index.css
body,html{height:100%}.wrapper-index{position:relative;height:100%;min-height:770px;background:url(../images/bg-index.jpg) top center no-repeat}.wrapper-index .navbar-default{padding:40px 0}.wrapper-index .navbar-default,.wrapper-index .navbar-default .navbar-collapse{background-color:transparent;border-color:transparent}.wrapper-index .navbar-nav{top:18px}.wrapper-index .navbar-form .navbar-main-list{margin-top:20px}.wrapper-index .brand-index{position:absolute;left:40px;top:40px}.wrapper-index .brand-index .logo{float:left;display:block;height:88px}.wrapper-index .brand-index .logo img{height:100%}.wrapper-index .brand-index .hot-tags{float:left;margin-left:5px;font-size:25px;margin-top:18px}.wrapper-index .brand-index .hot-tags a{color:#666;margin-left:15px}.wrapper-index .brand-index .hot-tags a:hover{color:#187bb2}.wrapper-index .search-main{padding-top:400px}.wrapper-index .search-main .navbar-form{width:775px}.wrapper-index .search-main .navbar-form input:focus{outline:0}.wrapper-index .search-main .navbar-form .btn-link{float:left;margin-left:15px}.wrapper-index .search-main .navbar-form .logo-search{text-align:center;width:380px;height:80px;margin:-10px auto 30px}.wrapper-index .search-main .navbar-form .logo-search img{display:inline-block}.wrapper-index .push-main{padding:0 50px}.wrapper-index .push-main .footer-main .qr{float:right;margin-top:-2px}.wrapper-index .push-main .footer-main .qr a:hover .icon-qr{background-image:url(../images/sprite-2.png);background-position:0 0}.wrapper-index .push-main .footer-main .copyright{text-align:left}.wrapper-index .search-main-input-wrapper{position:relative;float:left;padding:0 6px 4px 0;background:url(../images/right.png) right 0 no-repeat}.wrapper-index .search-main-input-wrapper .search-main-input-inner{padding:0 0 6px 0;background:url(../images/bottom.png) 4px bottom no-repeat}.wrapper-index .search-main-input-img{position:absolute;left:-60px;bottom:100%}.btn-search{border:none;width:160px!important;height:75px!important;outline:0;background:url(../images/btn-search.png) center no-repeat}.btn-search:active,.btn-search:focus{background:url(../images/btn-search.png) center no-repeat}.navbar-form .form-group{padding:13px 0!important}.container-fluid .navbar-form .form-group{border-color:#c13633}@media (min-width:1400px){.wrapper-index .navbar-form .navbar-main-list{width:103%;font-size:22px;line-height:30px}.wrapper-index .navbar-form .navbar-main-list .icon-search{margin-top:-4px}.wrapper-index .navbar-form .navbar-main-list a{margin:0 18px}.wrapper-index .navbar .navbar-form{width:1005px}}@media (max-width:1400px){.wrapper-index .container .navbar-form .form-group,.wrapper-index .container-fluid .navbar-form .form-group{width:531px}.wrapper-index .container .navbar-form .form-group .form-control,.wrapper-index .container-fluid .navbar-form .form-group .form-control{width:441px!important}.wrapper-index .container .navbar-form .form-group .btn,.wrapper-index .container-fluid .navbar-form .form-group .btn{width:38px}.wrapper-index .push-main{padding:0 40px}}@media (max-width:1200px){.container-fluid .navbar-header{margin-left:0}.container-fluid .navbar-collapse{margin-right:0}.wrapper-index .push-main{padding:0 10px}}@media (max-width:1200px){.container-fluid .navbar-header{margin-left:-10px}.container-fluid .navbar-collapse{margin-right:0}.wrapper-index .push-main{padding:0}}.word{position:relative;top:30px;height:174px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/ciyun3.png)}.calendar{position:absolute;right:0;top:0}.container-fluid .navbar-links{padding:15px 10px 40px;font-size:16px}.container-fluid .navbar-links>a{color:#999;margin-right:20px}.container-fluid .navbar-links>a:hover{color:#187bb2}
\ No newline at end of file \ No newline at end of file
body,html{height:100%}.wrapper-index{position:relative;height:100%;min-height:770px;background:url(../images/bg-index.jpg) top center no-repeat}.wrapper-index .navbar-default{padding:40px 0}.wrapper-index .navbar-default,.wrapper-index .navbar-default .navbar-collapse{background-color:transparent;border-color:transparent}.wrapper-index .navbar-nav{top:18px}.wrapper-index .navbar-form .navbar-main-list{margin-top:20px}.wrapper-index .brand-index{position:absolute;left:40px;top:40px;z-index:2}.wrapper-index .brand-index .logo{float:left;display:block;height:88px}.wrapper-index .brand-index .logo img{height:100%}.wrapper-index .brand-index .hot-tags{float:left;margin-left:20px;font-size:30px;margin-top:15px}.wrapper-index .brand-index .hot-tags a{color:#666;margin-left:20px}.wrapper-index .brand-index .hot-tags a:hover{color:#187bb2}.wrapper-index .search-main{padding-top:400px}.wrapper-index .search-main .navbar-form{width:775px;position:relative}.wrapper-index .search-main .navbar-form input:focus{outline:0}.wrapper-index .search-main .navbar-form .btn-link{position:absolute;right:-35px;margin-top:10px}.wrapper-index .search-main .navbar-form .logo-search{position:relative;top:-30px;text-align:center;width:380px;height:80px;margin:0 auto 30px}.wrapper-index .search-main .navbar-form .logo-search img{display:inline-block}.wrapper-index .push-main{padding:0 50px}.wrapper-index .push-main .footer-main .qr{float:right;margin-top:-2px}.wrapper-index .push-main .footer-main .qr a:hover .icon-qr{background-image:url(../images/sprite-2.png);background-position:0 0}.wrapper-index .push-main .footer-main .copyright{text-align:left}.wrapper-index .search-main-input-wrapper{position:relative;float:left;padding:0 6px 4px 0;background:url(../images/right.png) right 0 no-repeat}.wrapper-index .search-main-input-wrapper .search-main-input-inner{padding:0 0 6px 0;background:url(../images/bottom.png) 4px bottom no-repeat}.wrapper-index .search-main-input-img{position:absolute;left:-60px;bottom:100%}.btn-search{border:none;width:160px!important;height:75px!important;outline:0;background:url(../images/btn-search.png) center no-repeat}.btn-search:active,.btn-search:focus{background:url(../images/btn-search.png) center no-repeat}.navbar-form .form-group{padding:13px 0!important}.container-fluid .navbar-form .form-group{border-color:#c13633}@media (min-width:1400px){.wrapper-index .navbar-form .navbar-main-list{width:103%;font-size:22px;line-height:30px}.wrapper-index .navbar-form .navbar-main-list .icon-search{margin-top:-4px}.wrapper-index .navbar-form .navbar-main-list a{margin:0 18px}.wrapper-index .navbar .navbar-form{width:1005px}}@media (max-width:1400px){.wrapper-index .container .navbar-form .form-group,.wrapper-index .container-fluid .navbar-form .form-group{width:531px}.wrapper-index .container .navbar-form .form-group .form-control,.wrapper-index .container-fluid .navbar-form .form-group .form-control{width:441px!important}.wrapper-index .container .navbar-form .form-group .btn,.wrapper-index .container-fluid .navbar-form .form-group .btn{width:38px}.wrapper-index .push-main{padding:0 40px}}@media (max-width:1200px){.container-fluid .navbar-header{margin-left:0}.container-fluid .navbar-collapse{margin-right:0}.wrapper-index .push-main{padding:0 10px}}@media (max-width:1200px){.container-fluid .navbar-header{margin-left:-10px}.container-fluid .navbar-collapse{margin-right:0}.wrapper-index .push-main{padding:0}}.word{position:relative;top:30px;height:174px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/ciyun3.png)}.calendar{position:absolute;right:0;top:0}.container-fluid .navbar-links{padding:15px 10px 40px;font-size:16px}.container-fluid .navbar-links>a{color:#999;margin-right:20px}.container-fluid .navbar-links>a:hover{color:#187bb2}.navbar-search-camera{margin-left:30px}
\ No newline at end of file \ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/css/vendor.css
This diff could not be displayed because it is too large.
serverside/cihai-pc/src/main/webapp/static/index.html
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
<a href="万国志.html">万国志</a> <a href="万国志.html">万国志</a>
<a href="地方志.html">地方志</a> <a href="地方志.html">地方志</a>
<a href="人物志.html">人物志</a> <a href="人物志.html">人物志</a>
<a href="#">专题</a>
</div> </div>
</div> </div>
<a class="calendar" href="历史上的今天.html"> <a class="calendar" href="历史上的今天.html">
...@@ -36,13 +37,13 @@ ...@@ -36,13 +37,13 @@
<button class="btn navbar-search-camera" type="button"> <button class="btn navbar-search-camera" type="button">
<div class="icon icon-camera"></div> <div class="icon icon-camera"></div>
</button> </button>
<button class="btn navbar-search-microphone" type="button">
<div class="icon icon-microphone"></div>
</button>
</div> </div>
<button class="btn btn-search btn-lg" type="button"></button> <button class="btn btn-search btn-lg" type="button"></button>
</div> </div>
</div> </div>
<a class="btn btn-link btn-lg" type="button">搜索助手
<span class="icon icon-help"></span>
</a>
</form> </form>
<div class="navbar-links navbar-form"> <div class="navbar-links navbar-form">
<label class="radio-inline"> <label class="radio-inline">
...@@ -73,12 +74,13 @@ ...@@ -73,12 +74,13 @@
<div class="card-character-date">2018/01/2</div> <div class="card-character-date">2018/01/2</div>
</div> </div>
<div class="card-col card-word"> <div class="card-col card-word">
<div class="card-word-value">春节</div>
<div class="card-word-content"> <div class="card-word-content">
<div class="card-word-desc">中国民间最隆重的传统节日。 <div class="card-word-desc">一年中地球绕太阳运行到二十四个规定位置（即视太阳黄经度每隔15°为一个节气）上的日期。</div>
<br>时间在每年夏历元旦，即正月初一。</div>
<div class="card-word-metas">对联 / 福 / 中秋节 / 团圆节</div> <div class="card-word-metas">对联 / 福 / 中秋节 / 团圆节</div>
</div> </div>
<div class="card-word-value">
<a href="#">二十四节气</a>
</div>
<div class="card-word-share"> <div class="card-word-share">
<div class="icon icon-share"></div> <div class="icon icon-share"></div>
</div> </div>
......
serverside/cihai-pc/src/main/webapp/static/万国志-1.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>搜索</title>
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="js/plugins/vis/vis.min.css">
<link rel="stylesheet" href="css/h5.css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png">
</a>
</div>
<div class="navbar-collapse">
<form class="navbar-form clearfix">
<div class="form-group input-group-lg">
<input class="form-control" type="text" placeholder="辞海云">
<button class="btn navbar-search-camera" type="button">
<div class="icon icon-camera"></div>
</button>
<button class="btn navbar-search-microphone" type="button">
<div class="icon icon-microphone"></div>
</button>
</div>
<button class="btn btn-inverse btn-lg" type="button">进入词条</button>
<button class="btn btn-default btn-lg" type="button">搜索词条</button>
<a class="btn btn-link btn-lg" type="button">搜索助手
<span class="icon icon-help"></span>
</a>
<div class="navbar-main-list">
<span class="icon icon-search-tag"></span>
<a href="#">语词</a>
<a href="#">哲学</a>
<a href="#">社会</a>
<a href="#">民族</a>
<a href="#">历史</a>
<a href="#">地理</a>
<a href="#">文学</a>
<a href="#">艺术</a>
<a href="#">生命</a>
<a href="#">农业</a>
<a href="#">医学</a>
<a href="#">科技</a>
</div>
</form>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="article">
<img src="images/wanguozhi-1.png" draggable="false">
</div>
</div>
<footer class="footer-main">
<div class="container">
<p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司
<a class="beian" href="#" target="_blank">沪ICP备12009386号-3</a>
</p>
</div>
</footer>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
<script src="js/echarts.min.js"></script>
<script src="js/echarts-gl.js"></script>
<script src="js/plugins/vis/vis.min.js"></script>
<script src="js/common.js"></script>
<script>
$(function() {
$('.js-album').click(function() {
layer.open({
type: 1,
title: false,
shadeClose: true,
shade: 0.6,
closeBtn: false,
area: false,
content: $('.album-alert')
});
var mySwiper = new Swiper('.album-swiper', {
loop: true,
pagination: '.swiper-pagination',
paginationClickable: true
});
});
//- 地球
var option = {
backgroundColor: '#000',
globe: {
baseTexture: "./images/world.topo.bathy.200401.jpg",
heightTexture: "./images/world.topo.bathy.200401.jpg",
displacementScale: 0.04,
shading: 'realistic',
environment: './images/starfield.jpg',
realisticMaterial: {
roughness: 0.9
},
postEffect: {
enable: true
},
light: {
main: {
intensity: 5,
shadow: true
},
ambientCubemap: {
texture: './images/pisa.hdr',
diffuseIntensity: 0.2
}
}
}
};
$("#map-tab").one('shown.bs.tab', function(e) {
var chart = $("#chart-earth").get(0)
var earth = echarts.init(chart)
earth.setOption(option)
})
// tab选项卡
$(".js-tab a").click(function(e) {
e.preventDefault()
$(this).tab('show')
})
// 显示起源
$(".js-origin").click(function() {
$(this).toggleClass("active").siblings().removeClass("active")
$("#collapse").slideToggle()
})
// layer
$(".js-calligraphy").click(function() {
$(this).toggleClass("active").siblings().removeClass("active")
if ($("#collapse").is(":visible")) $("#collapse").slideUp()
layer.open({
type: 1,
content: $("#calligraphy"),
area: ['900px'],
title: false,
btn: [],
cancel: function() {
$(".js-calligraphy").removeClass("active")
}
})
})
// 复制
var clipboard = new Clipboard(".js-copy")
$(".js-copy").click(function(e) {
e.preventDefault()
var parent = $(this).parents(".js-sec")
var text = parent.find(".paraphrase-title").text() + "\n" + parent.find(".paraphrase-p").text()
$(this).attr('data-clipboard-text', text)
})
});
</script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/万国志.html
...@@ -54,7 +54,10 @@ ...@@ -54,7 +54,10 @@
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="article"> <div class="article">
<img src="images/america.png"> <img src="images/wanguozhi.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="660,365,740,410" href="万国志-1.html" target="_blank">
</map>
</div> </div>
</div> </div>
<footer class="footer-main"> <footer class="footer-main">
......
serverside/cihai-pc/src/main/webapp/static/人物志.html
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="article"> <div class="article">
<img src="images/china.png"> <img src="images/renwuzhi.png" draggable="false">
</div> </div>
</div> </div>
<footer class="footer-main"> <footer class="footer-main">
......
serverside/cihai-pc/src/main/webapp/static/历史上的今天.html
...@@ -64,13 +64,19 @@ ...@@ -64,13 +64,19 @@
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="his1"> <div class="tab-pane active" id="his1">
<img src="images/historyall.png"> <img src="images/historyall.png" draggable="false" usemap="#planetmap1">
<map name="planetmap1">
<area shape="rect" coords="450,1180,520,1225" href="#" target="_blank">
</map>
</div> </div>
<div class="tab-pane" id="his2"> <div class="tab-pane" id="his2">
<img src="images/historything.png"> <img src="images/historything.png" draggable="false">
</div> </div>
<div class="tab-pane" id="his3"> <div class="tab-pane" id="his3">
<img src="images/historytoday.png"> <img src="images/historytoday.png" draggable="false" usemap="#planetmap2">
<map name="planetmap2">
<area shape="rect" coords="437,678,505,720" href="#" target="_blank">
</map>
</div> </div>
</div> </div>
</div> </div>
......
serverside/cihai-pc/src/main/webapp/static/地方志-1.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>搜索</title>
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="js/plugins/vis/vis.min.css">
<link rel="stylesheet" href="css/h5.css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png">
</a>
</div>
<div class="navbar-collapse">
<form class="navbar-form clearfix">
<div class="form-group input-group-lg">
<input class="form-control" type="text" placeholder="辞海云">
<button class="btn navbar-search-camera" type="button">
<div class="icon icon-camera"></div>
</button>
<button class="btn navbar-search-microphone" type="button">
<div class="icon icon-microphone"></div>
</button>
</div>
<button class="btn btn-inverse btn-lg" type="button">进入词条</button>
<button class="btn btn-default btn-lg" type="button">搜索词条</button>
<a class="btn btn-link btn-lg" type="button">搜索助手
<span class="icon icon-help"></span>
</a>
<div class="navbar-main-list">
<span class="icon icon-search-tag"></span>
<a href="#">语词</a>
<a href="#">哲学</a>
<a href="#">社会</a>
<a href="#">民族</a>
<a href="#">历史</a>
<a href="#">地理</a>
<a href="#">文学</a>
<a href="#">艺术</a>
<a href="#">生命</a>
<a href="#">农业</a>
<a href="#">医学</a>
<a href="#">科技</a>
</div>
</form>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="article">
<img src="images/difangzhi-1.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="230,135,370,190" href="地方志-2.html" target="_blank">
</map>
</div>
</div>
<footer class="footer-main">
<div class="container">
<p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司
<a class="beian" href="#" target="_blank">沪ICP备12009386号-3</a>
</p>
</div>
</footer>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
<script src="js/echarts.min.js"></script>
<script src="js/echarts-gl.js"></script>
<script src="js/plugins/vis/vis.min.js"></script>
<script src="js/common.js"></script>
<script>
$(function() {
$('.js-album').click(function() {
layer.open({
type: 1,
title: false,
shadeClose: true,
shade: 0.6,
closeBtn: false,
area: false,
content: $('.album-alert')
});
var mySwiper = new Swiper('.album-swiper', {
loop: true,
pagination: '.swiper-pagination',
paginationClickable: true
});
});
//- 地球
var option = {
backgroundColor: '#000',
globe: {
baseTexture: "./images/world.topo.bathy.200401.jpg",
heightTexture: "./images/world.topo.bathy.200401.jpg",
displacementScale: 0.04,
shading: 'realistic',
environment: './images/starfield.jpg',
realisticMaterial: {
roughness: 0.9
},
postEffect: {
enable: true
},
light: {
main: {
intensity: 5,
shadow: true
},
ambientCubemap: {
texture: './images/pisa.hdr',
diffuseIntensity: 0.2
}
}
}
};
$("#map-tab").one('shown.bs.tab', function(e) {
var chart = $("#chart-earth").get(0)
var earth = echarts.init(chart)
earth.setOption(option)
})
// tab选项卡
$(".js-tab a").click(function(e) {
e.preventDefault()
$(this).tab('show')
})
// 显示起源
$(".js-origin").click(function() {
$(this).toggleClass("active").siblings().removeClass("active")
$("#collapse").slideToggle()
})
// layer
$(".js-calligraphy").click(function() {
$(this).toggleClass("active").siblings().removeClass("active")
if ($("#collapse").is(":visible")) $("#collapse").slideUp()
layer.open({
type: 1,
content: $("#calligraphy"),
area: ['900px'],
title: false,
btn: [],
cancel: function() {
$(".js-calligraphy").removeClass("active")
}
})
})
// 复制
var clipboard = new Clipboard(".js-copy")
$(".js-copy").click(function(e) {
e.preventDefault()
var parent = $(this).parents(".js-sec")
var text = parent.find(".paraphrase-title").text() + "\n" + parent.find(".paraphrase-p").text()
$(this).attr('data-clipboard-text', text)
})
});
</script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/地方志-2.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>搜索</title>
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="js/plugins/vis/vis.min.css">
<link rel="stylesheet" href="css/h5.css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png">
</a>
</div>
<div class="navbar-collapse">
<form class="navbar-form clearfix">
<div class="form-group input-group-lg">
<input class="form-control" type="text" placeholder="辞海云">
<button class="btn navbar-search-camera" type="button">
<div class="icon icon-camera"></div>
</button>
<button class="btn navbar-search-microphone" type="button">
<div class="icon icon-microphone"></div>
</button>
</div>
<button class="btn btn-inverse btn-lg" type="button">进入词条</button>
<button class="btn btn-default btn-lg" type="button">搜索词条</button>
<a class="btn btn-link btn-lg" type="button">搜索助手
<span class="icon icon-help"></span>
</a>
<div class="navbar-main-list">
<span class="icon icon-search-tag"></span>
<a href="#">语词</a>
<a href="#">哲学</a>
<a href="#">社会</a>
<a href="#">民族</a>
<a href="#">历史</a>
<a href="#">地理</a>
<a href="#">文学</a>
<a href="#">艺术</a>
<a href="#">生命</a>
<a href="#">农业</a>
<a href="#">医学</a>
<a href="#">科技</a>
</div>
</form>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="article">
<img src="images/difangzhi-2.png" draggable="false" usemap="#planetmap">
<map name="planetmap" coords="125,260,190,295" href="difangzhi.html">
<area shape="rect">
</map>
</div>
</div>
<footer class="footer-main">
<div class="container">
<p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司
<a class="beian" href="#" target="_blank">沪ICP备12009386号-3</a>
</p>
</div>
</footer>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
<script src="js/echarts.min.js"></script>
<script src="js/echarts-gl.js"></script>
<script src="js/plugins/vis/vis.min.js"></script>
<script src="js/common.js"></script>
<script>
$(function() {
$('.js-album').click(function() {
layer.open({
type: 1,
title: false,
shadeClose: true,
shade: 0.6,
closeBtn: false,
area: false,
content: $('.album-alert')
});
var mySwiper = new Swiper('.album-swiper', {
loop: true,
pagination: '.swiper-pagination',
paginationClickable: true
});
});
//- 地球
var option = {
backgroundColor: '#000',
globe: {
baseTexture: "./images/world.topo.bathy.200401.jpg",
heightTexture: "./images/world.topo.bathy.200401.jpg",
displacementScale: 0.04,
shading: 'realistic',
environment: './images/starfield.jpg',
realisticMaterial: {
roughness: 0.9
},
postEffect: {
enable: true
},
light: {
main: {
intensity: 5,
shadow: true
},
ambientCubemap: {
texture: './images/pisa.hdr',
diffuseIntensity: 0.2
}
}
}
};
$("#map-tab").one('shown.bs.tab', function(e) {
var chart = $("#chart-earth").get(0)
var earth = echarts.init(chart)
earth.setOption(option)
})
// tab选项卡
$(".js-tab a").click(function(e) {
e.preventDefault()
$(this).tab('show')
})
// 显示起源
$(".js-origin").click(function() {
$(this).toggleClass("active").siblings().removeClass("active")
$("#collapse").slideToggle()
})
// layer
$(".js-calligraphy").click(function() {
$(this).toggleClass("active").siblings().removeClass("active")
if ($("#collapse").is(":visible")) $("#collapse").slideUp()
layer.open({
type: 1,
content: $("#calligraphy"),
area: ['900px'],
title: false,
btn: [],
cancel: function() {
$(".js-calligraphy").removeClass("active")
}
})
})
// 复制
var clipboard = new Clipboard(".js-copy")
$(".js-copy").click(function(e) {
e.preventDefault()
var parent = $(this).parents(".js-sec")
var text = parent.find(".paraphrase-title").text() + "\n" + parent.find(".paraphrase-p").text()
$(this).attr('data-clipboard-text', text)
})
});
</script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/地方志.html
...@@ -54,7 +54,10 @@ ...@@ -54,7 +54,10 @@
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="article"> <div class="article">
<img src="images/shanghai.png"> <img src="images/difangzhi.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="125,260,190,295" href="地方志-1.html" target="_blank">
</map>
</div> </div>
</div> </div>
<footer class="footer-main"> <footer class="footer-main">
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!