Skip to content

石磊 / cihai

Go to a project
Commit 2acc2bb6 by 侯昆
Options

pc添加地球和几个页面

1 parent 41bf65df
Inline Side-by-side
Showing 25 changed files with 764 additions and 32 deletions
serverside/cihai-pc/src/main/java/com/dookay/cihai/pc/controller/HomeController.java
...@@ -173,4 +173,39 @@ public class HomeController extends BaseController { ...@@ -173,4 +173,39 @@ 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 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/shanghai.png">
</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 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/america.png">
</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
...@@ -76,6 +76,11 @@ ...@@ -76,6 +76,11 @@
</div> </div>
</div> </div>
</form> </form>
<div class="navbar-links navbar-form">
<a href="/country">万国志</a>
<a href="/area">地方志</a>
<a href="/people">人物志</a>
</div>
</div> </div>
<div class="push-main"> <div class="push-main">
<div class="container-fluid"> <div class="container-fluid">
......
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/people.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/china.png">
</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/word/statement_baike.jsp
...@@ -10,7 +10,14 @@ ...@@ -10,7 +10,14 @@
<jsp:param name="pageTitle" value="百科"/> <jsp:param name="pageTitle" value="百科"/>
</jsp:include> </jsp:include>
<div class="encyclopedia" <c:choose>
<c:when test="${vo.word eq '太阳系'}">
<div class="container">
<div class="encyclopedia" style="background-image:url(/static/images/world.topo.bathy.200401.jpg)">
<div class="encyclopedia-mask"></div>
</c:when>
<c:otherwise>
<div class="encyclopedia"
<c:choose> <c:choose>
<c:when test="${vo.images.size() > 0}"> <c:when test="${vo.images.size() > 0}">
style="background-image:url(${vo.images.get(0).file})" style="background-image:url(${vo.images.get(0).file})"
...@@ -19,9 +26,11 @@ ...@@ -19,9 +26,11 @@
style="background-image:url(/static/images/word-bg-01.jpg)" style="background-image:url(/static/images/word-bg-01.jpg)"
</c:otherwise> </c:otherwise>
</c:choose> </c:choose>
> >
<div class="container"> <div class="container">
<div class="content"> </c:otherwise>
</c:choose>
<div class="content">
<div class="row"> <div class="row">
<div class="col-xs-17"> <div class="col-xs-17">
<ul class="tab-nav"> <ul class="tab-nav">
...@@ -81,6 +90,11 @@ ...@@ -81,6 +90,11 @@
</a> </a>
</li> </li>
</c:if> </c:if>
<c:if test="${vo.word eq '太阳系'}">
<li class="main-tab-item">
<a href="#tab3" id="map-tab">地球</a>
</li>
</c:if>
<%--<li class="main-tab-item">--%> <%--<li class="main-tab-item">--%>
<%--<a href="#tab3">音频</a>--%> <%--<a href="#tab3">音频</a>--%>
<%--</li>--%> <%--</li>--%>
...@@ -153,7 +167,8 @@ ...@@ -153,7 +167,8 @@
<h5 class="media-title">太阳</h5> <h5 class="media-title">太阳</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>亦称“日”。太阳系的中心天体。距地球最近的一颗恒星。地球绕它公转。与地球的平均距离14959.787万千米，直径139.2万千米，为地球的109倍，体积为地球的130万倍，质量为地球的33万倍，平均密度1.41克/厘米3。太阳是一个炽热的气体球，表面有效温度5777开，愈向内部温度愈高，中心1.57×107开。由氢核聚变成氦核的热核反应产生巨大的能量，以辐射的方式，由内部转移到表面，而发射到宇宙空间。肉眼看到的表面层称为“光球”，光球上面是“色球”，最外层称为“日冕”，在色球与日冕间还有一个“色球日冕过渡区”，这几层（区）组成太阳的大气。太阳也在自转，其周期在日面赤道带约25天，两极区约35天。太阳和地球几乎由同样的化学元素组成，但比例有差异。太阳上最丰富的元素是氢，其次是氦，还有碳、氮、氧和各种金属。总体说，太阳是稳定的，但其大气层却处于局部激烈运动中。最明显的是太阳活动区中黑子群的出没、各类日珥的发生、日冕物质抛射和耀斑的出现等。</p> <p>
亦称“日”。太阳系的中心天体。距地球最近的一颗恒星。地球绕它公转。与地球的平均距离14959.787万千米，直径139.2万千米，为地球的109倍，体积为地球的130万倍，质量为地球的33万倍，平均密度1.41克/厘米3。太阳是一个炽热的气体球，表面有效温度5777开，愈向内部温度愈高，中心1.57×107开。由氢核聚变成氦核的热核反应产生巨大的能量，以辐射的方式，由内部转移到表面，而发射到宇宙空间。肉眼看到的表面层称为“光球”，光球上面是“色球”，最外层称为“日冕”，在色球与日冕间还有一个“色球日冕过渡区”，这几层（区）组成太阳的大气。太阳也在自转，其周期在日面赤道带约25天，两极区约35天。太阳和地球几乎由同样的化学元素组成，但比例有差异。太阳上最丰富的元素是氢，其次是氦，还有碳、氮、氧和各种金属。总体说，太阳是稳定的，但其大气层却处于局部激烈运动中。最明显的是太阳活动区中黑子群的出没、各类日珥的发生、日冕物质抛射和耀斑的出现等。</p>
<p <p
class="text-center"> class="text-center">
<img class="img-fluid" src="/static/images/taiyangxi_03.jpg"> <img class="img-fluid" src="/static/images/taiyangxi_03.jpg">
...@@ -165,7 +180,8 @@ ...@@ -165,7 +180,8 @@
<h5 class="media-title">水星</h5> <h5 class="media-title">水星</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>中国古代亦称“辰星”；欧洲称“墨丘利”。太阳系八颗行星之一。未发现有卫星。距离太阳最近，平均距离0.39天文单位，即5791万千米。直径为地球的38%，质量为地球的5.5%，密度为水的5.4倍。轨道偏心率较大，为0.21。公转周期88天，自转周期59天，两个周期之比正好是3/2。赤道面与轨道面的交角近于0°。离太阳的角距不超过28°，肉眼难见。质量小，大气稀薄。内部是一个巨大的铁镍内核，超过水星直径的2/3。表面温度向太阳一面约440℃，背太阳一面最低可达－160℃以下。表面多环形山。磁场强度为地球的1%。外壳由多孔土壤或类似月球表土的岩石粉末组成。</p> <p>
中国古代亦称“辰星”；欧洲称“墨丘利”。太阳系八颗行星之一。未发现有卫星。距离太阳最近，平均距离0.39天文单位，即5791万千米。直径为地球的38%，质量为地球的5.5%，密度为水的5.4倍。轨道偏心率较大，为0.21。公转周期88天，自转周期59天，两个周期之比正好是3/2。赤道面与轨道面的交角近于0°。离太阳的角距不超过28°，肉眼难见。质量小，大气稀薄。内部是一个巨大的铁镍内核，超过水星直径的2/3。表面温度向太阳一面约440℃，背太阳一面最低可达－160℃以下。表面多环形山。磁场强度为地球的1%。外壳由多孔土壤或类似月球表土的岩石粉末组成。</p>
<p <p
class="text-center"> class="text-center">
<img class="img-fluid" src="/static/images/taiyangxi_07.jpg"> <img class="img-fluid" src="/static/images/taiyangxi_07.jpg">
...@@ -177,7 +193,8 @@ ...@@ -177,7 +193,8 @@
<h5 class="media-title">金星</h5> <h5 class="media-title">金星</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>中国古代亦称“启明星”、“晓星”，又称“长庚星”、“太白星”或“黄昏星”，欧洲称“维纳斯”（罗马神话中的爱和美的女神）。太阳系八颗行星之一。未发现有卫星。按距太阳由近及远的次序为第二颗。与太阳平均距离0.72天文单位，即1.08亿千米。大小与地球相仿，直径比地球小5%，质量为地球的82%，密度为水的5.2倍。轨道接近圆形。公转周期225天，自转周期243天，自转比公转更为缓慢，且自转方向与其他行星相反。行星中与地球最接近的一颗，亮度仅次于日、月。表面覆盖厚云。大气主要成分是二氧化碳。表面温度约480℃。大气压为地球的90倍。表面磁场为地球的千分之一，约1.6×10-8特。也有电离层。表面还有山脉和峡谷。金星上空闪电频繁，每分钟达20多次。</p> <p>
中国古代亦称“启明星”、“晓星”，又称“长庚星”、“太白星”或“黄昏星”，欧洲称“维纳斯”（罗马神话中的爱和美的女神）。太阳系八颗行星之一。未发现有卫星。按距太阳由近及远的次序为第二颗。与太阳平均距离0.72天文单位，即1.08亿千米。大小与地球相仿，直径比地球小5%，质量为地球的82%，密度为水的5.2倍。轨道接近圆形。公转周期225天，自转周期243天，自转比公转更为缓慢，且自转方向与其他行星相反。行星中与地球最接近的一颗，亮度仅次于日、月。表面覆盖厚云。大气主要成分是二氧化碳。表面温度约480℃。大气压为地球的90倍。表面磁场为地球的千分之一，约1.6×10-8特。也有电离层。表面还有山脉和峡谷。金星上空闪电频繁，每分钟达20多次。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_11.jpg"> <img class="align-self-start ml-3" src="/static/images/taiyangxi_11.jpg">
</div> </div>
...@@ -186,7 +203,8 @@ ...@@ -186,7 +203,8 @@
<h5 class="media-title">地球</h5> <h5 class="media-title">地球</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>太阳系八颗行星之一。按距太阳由近及远的次序为第三颗。人类居住的星球。约在46亿年前形成。与太阳平均距离1.496×108千米。体积约1.083×1012立方千米，赤道半径6378千米，极半径6357千米。呈扁球体，扁率1/298.257。质量5.97×1024千克，重力加速度9.8米/秒2。平均密度是水的5.5倍，公转周期365.25天，自转周期23时56分。轨道为椭圆，并与赤道面相交23°26′，故有四季寒暑和昼夜长短。表面包有坚固的地壳（岩石圈），面积5.11×108平方千米，其中海洋（水圈）约占70.8%，陆地约占29.2%。周围有大气圈。大气圈外还环绕有地球辐射带和地球磁层。有1个卫星（月球）。</p> <p>
太阳系八颗行星之一。按距太阳由近及远的次序为第三颗。人类居住的星球。约在46亿年前形成。与太阳平均距离1.496×108千米。体积约1.083×1012立方千米，赤道半径6378千米，极半径6357千米。呈扁球体，扁率1/298.257。质量5.97×1024千克，重力加速度9.8米/秒2。平均密度是水的5.5倍，公转周期365.25天，自转周期23时56分。轨道为椭圆，并与赤道面相交23°26′，故有四季寒暑和昼夜长短。表面包有坚固的地壳（岩石圈），面积5.11×108平方千米，其中海洋（水圈）约占70.8%，陆地约占29.2%。周围有大气圈。大气圈外还环绕有地球辐射带和地球磁层。有1个卫星（月球）。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_14.jpg"> <img class="align-self-start ml-3" src="/static/images/taiyangxi_14.jpg">
</div> </div>
...@@ -195,7 +213,8 @@ ...@@ -195,7 +213,8 @@
<h5 class="media-title">火星</h5> <h5 class="media-title">火星</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>中国古代亦称“荧惑”；欧洲称“玛尔斯”（罗马神话中的战神）。太阳系八颗行星之一。按距太阳由近及远的次序为第四颗。与太阳平均距离1.52天文单位，即2.28亿千米。赤道直径为地球的53%，质量为地球的11%，密度为水的3.9倍。公转周期687天，自转周期24时37分。赤道面与轨道面的交角为23°59′，与黄赤交角相近，所以火星也有四季，每季约长6个月。大气稀薄，大气压只有地球的0.6倍。主要成分是二氧化碳。表面温度在赤道上白昼高，可达28℃，夜间降至－132℃。白色极冠是水冰和干冰。表面有火山和沙漠，还发现有河床、水道和流域地形等，说明火星曾有大量的水，地表下有大量的水资源。为此，火星生命现象长期受到人们的关注。有两颗小卫星。</p> <p>
中国古代亦称“荧惑”；欧洲称“玛尔斯”（罗马神话中的战神）。太阳系八颗行星之一。按距太阳由近及远的次序为第四颗。与太阳平均距离1.52天文单位，即2.28亿千米。赤道直径为地球的53%，质量为地球的11%，密度为水的3.9倍。公转周期687天，自转周期24时37分。赤道面与轨道面的交角为23°59′，与黄赤交角相近，所以火星也有四季，每季约长6个月。大气稀薄，大气压只有地球的0.6倍。主要成分是二氧化碳。表面温度在赤道上白昼高，可达28℃，夜间降至－132℃。白色极冠是水冰和干冰。表面有火山和沙漠，还发现有河床、水道和流域地形等，说明火星曾有大量的水，地表下有大量的水资源。为此，火星生命现象长期受到人们的关注。有两颗小卫星。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_16.jpg"> <img class="align-self-start ml-3" src="/static/images/taiyangxi_16.jpg">
</div> </div>
...@@ -204,7 +223,8 @@ ...@@ -204,7 +223,8 @@
<h5 class="media-title">木星</h5> <h5 class="media-title">木星</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>中国古代亦称“岁星”；欧洲称“朱庇特”。太阳系八颗行星之一。按距太阳由近及远的次序为第五颗。与太阳平均距离5.20天文单位，即7.78亿千米。体积和质量比其他七大行星的总和还大。赤道直径为地球的11.18倍，质量为地球的317.89倍，相对密度为水的1.3倍。公转周期11.86年，自转周期9时50分，是行星中自转最快的一颗。大气中有明暗相间平行于赤道的云带，温度约－140℃，大红斑就是嵌在云带内的云团。大气厚约730千米，深处有水蒸气，还有乙炔、乙烷和磷化氢。木星被巨大磁层包围，与地球磁层类似，但磁层辐射强度约为地球的100万倍。磁场比地球强20～40倍。辐射能量是它接受太阳能量的2.5倍，表明木星本身有能源。已证实的卫星有63颗，是太阳系中卫星数最多的行星。还有光环和极光。</p> <p>
中国古代亦称“岁星”；欧洲称“朱庇特”。太阳系八颗行星之一。按距太阳由近及远的次序为第五颗。与太阳平均距离5.20天文单位，即7.78亿千米。体积和质量比其他七大行星的总和还大。赤道直径为地球的11.18倍，质量为地球的317.89倍，相对密度为水的1.3倍。公转周期11.86年，自转周期9时50分，是行星中自转最快的一颗。大气中有明暗相间平行于赤道的云带，温度约－140℃，大红斑就是嵌在云带内的云团。大气厚约730千米，深处有水蒸气，还有乙炔、乙烷和磷化氢。木星被巨大磁层包围，与地球磁层类似，但磁层辐射强度约为地球的100万倍。磁场比地球强20～40倍。辐射能量是它接受太阳能量的2.5倍，表明木星本身有能源。已证实的卫星有63颗，是太阳系中卫星数最多的行星。还有光环和极光。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_18.jpg"> <img class="align-self-start ml-3" src="/static/images/taiyangxi_18.jpg">
</div> </div>
...@@ -213,7 +233,8 @@ ...@@ -213,7 +233,8 @@
<h5 class="media-title">土星</h5> <h5 class="media-title">土星</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>中国古代亦称“填星”、“镇星”；欧洲称“萨特恩”（罗马神话中的农神）。太阳系八颗行星之一。按距太阳由近及远的次序为第六颗。与太阳平均距离9.54天文单位，即14.27亿千米。赤道直径为地球的9.42倍，质量约为地球的95.2倍，密度只有水的70%。公转周期29.46年，自转周期10时14分，形状很扁。表面的云雾带比木星的更规则，但不显著。大气层很厚，主要成分是甲烷和少量的氨。土星上空闪电频繁。表面最高温度约－150℃。有磁场（强度为地球的1000倍）和辐射带。有卫星50颗，其中14颗为不规则卫星。还有明显的光环环缝。</p> <p>
中国古代亦称“填星”、“镇星”；欧洲称“萨特恩”（罗马神话中的农神）。太阳系八颗行星之一。按距太阳由近及远的次序为第六颗。与太阳平均距离9.54天文单位，即14.27亿千米。赤道直径为地球的9.42倍，质量约为地球的95.2倍，密度只有水的70%。公转周期29.46年，自转周期10时14分，形状很扁。表面的云雾带比木星的更规则，但不显著。大气层很厚，主要成分是甲烷和少量的氨。土星上空闪电频繁。表面最高温度约－150℃。有磁场（强度为地球的1000倍）和辐射带。有卫星50颗，其中14颗为不规则卫星。还有明显的光环环缝。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_21.jpg"> <img class="align-self-start ml-3" src="/static/images/taiyangxi_21.jpg">
</div> </div>
...@@ -222,7 +243,8 @@ ...@@ -222,7 +243,8 @@
<h5 class="media-title">天王星</h5> <h5 class="media-title">天王星</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>太阳系八颗行星之一。按距太阳由近及远的次序为第七颗。1781年由英国天文学家威廉·赫歇尔用望远镜巡天时偶然发现。与太阳平均距离19.18天文单位。赤道直径为地球的4.10倍，质量为地球的14.6倍，密度为水的1.3倍。公转周期84.01年，自转周期17.9小时。赤道面与轨道面的交角98°，因而自转是逆向的。在良好的天气条件下，肉眼勉强可见。大气主要成分是氢，氦只占15%，此外还含有甲烷和微量的氨。表面温度约－180℃。有磁场，但强度只有地球的1/10。有磁层结构、弓形激波区磁尾和类似地球的范艾伦辐射带。有29颗卫星，还有粗细不等的光环上百条。</p> <p>
太阳系八颗行星之一。按距太阳由近及远的次序为第七颗。1781年由英国天文学家威廉·赫歇尔用望远镜巡天时偶然发现。与太阳平均距离19.18天文单位。赤道直径为地球的4.10倍，质量为地球的14.6倍，密度为水的1.3倍。公转周期84.01年，自转周期17.9小时。赤道面与轨道面的交角98°，因而自转是逆向的。在良好的天气条件下，肉眼勉强可见。大气主要成分是氢，氦只占15%，此外还含有甲烷和微量的氨。表面温度约－180℃。有磁场，但强度只有地球的1/10。有磁层结构、弓形激波区磁尾和类似地球的范艾伦辐射带。有29颗卫星，还有粗细不等的光环上百条。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_24.jpg"> <img class="align-self-start ml-3" src="/static/images/taiyangxi_24.jpg">
</div> </div>
...@@ -231,7 +253,8 @@ ...@@ -231,7 +253,8 @@
<h5 class="media-title">海王星</h5> <h5 class="media-title">海王星</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>太阳系八颗行星之一。按距太阳由近及远的次序为第八颗。1846年法国天文学家勒威耶和英国天文学家亚当斯根据天体力学理论同时计算出它的位置，后经德国天文学家伽勒（Johann Gottfried Galle，1812—1910）用望远镜发现。与太阳平均距离30.06天文单位。赤道直径为地球的3.9倍，质量为地球的17.2倍，密度为水的1.8倍。公转周期164.79年，自转周期19.2小时。赤道面与轨道面的交角28.8°。公转轨道近似圆形。大气里含有甲烷和微量的氨。表面温度约－200℃。有13颗卫星还有光环。</p> <p>太阳系八颗行星之一。按距太阳由近及远的次序为第八颗。1846年法国天文学家勒威耶和英国天文学家亚当斯根据天体力学理论同时计算出它的位置，后经德国天文学家伽勒（Johann Gottfried
Galle，1812—1910）用望远镜发现。与太阳平均距离30.06天文单位。赤道直径为地球的3.9倍，质量为地球的17.2倍，密度为水的1.8倍。公转周期164.79年，自转周期19.2小时。赤道面与轨道面的交角28.8°。公转轨道近似圆形。大气里含有甲烷和微量的氨。表面温度约－200℃。有13颗卫星还有光环。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_27.jpg"> <img class="align-self-start ml-3" src="/static/images/taiyangxi_27.jpg">
</div> </div>
...@@ -239,7 +262,8 @@ ...@@ -239,7 +262,8 @@
<li> <li>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>一年中地球绕太阳运行到二十四个规定位置（即视太阳黄经度每隔15°为一个节气）上的日期。其划分源于中国黄河流域。各节气分别冠以反映自然气候特点的名称。当视太阳在黄经90°阳光直射北回归线时，北半球昼最长，夜最短，称“夏至”；在黄经270°阳光直射南回归线时，北半球昼最短，夜最长，称“冬至”；当视太阳在黄经0°和180°阳光两次直射赤道时，昼夜平分，分别称“春分”和“秋分”。上述的“二至”“二分”，春秋时代已由圭表测日影长短法确立。战国末期，又在春分-夏至-秋分-冬至-春分之间，黄经每隔45°各增一个节气，分别为立夏、立秋、立冬、立春，即“四立”。秦汉时，随农业生产发展，又分别在这八个节气之间，黄经各隔15°增加两个节气。至此，以不违农时为中心，反映一年四季变迁，雨、露、霜、雪等气候变化和物候特征的“二十四节气”已完全确立，成为农事活动主要依据。中国幅员辽阔，在同一节气各地气候变化不一，农事活动也有差异。西汉刘安《淮南子·天文》中已有完整二十四节气的最早记载。汉武帝太初元年（公元前104年）实施的《太初历》首次将“二十四节气”订入历法。二十四节气的阳历日期基本固定，一般仅相差1天。二十四节气的名称、黄经和日期（根据2000—2100年年历表查算）见上页表。</p> <p>
一年中地球绕太阳运行到二十四个规定位置（即视太阳黄经度每隔15°为一个节气）上的日期。其划分源于中国黄河流域。各节气分别冠以反映自然气候特点的名称。当视太阳在黄经90°阳光直射北回归线时，北半球昼最长，夜最短，称“夏至”；在黄经270°阳光直射南回归线时，北半球昼最短，夜最长，称“冬至”；当视太阳在黄经0°和180°阳光两次直射赤道时，昼夜平分，分别称“春分”和“秋分”。上述的“二至”“二分”，春秋时代已由圭表测日影长短法确立。战国末期，又在春分-夏至-秋分-冬至-春分之间，黄经每隔45°各增一个节气，分别为立夏、立秋、立冬、立春，即“四立”。秦汉时，随农业生产发展，又分别在这八个节气之间，黄经各隔15°增加两个节气。至此，以不违农时为中心，反映一年四季变迁，雨、露、霜、雪等气候变化和物候特征的“二十四节气”已完全确立，成为农事活动主要依据。中国幅员辽阔，在同一节气各地气候变化不一，农事活动也有差异。西汉刘安《淮南子·天文》中已有完整二十四节气的最早记载。汉武帝太初元年（公元前104年）实施的《太初历》首次将“二十四节气”订入历法。二十四节气的阳历日期基本固定，一般仅相差1天。二十四节气的名称、黄经和日期（根据2000—2100年年历表查算）见上页表。</p>
</div> </div>
</div> </div>
</li> </li>
...@@ -309,7 +333,8 @@ ...@@ -309,7 +333,8 @@
</h5> </h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>浙江绍兴人，字松寿，又字乔峰。鲁迅胞弟。1920年在北京大学攻读哲学，次年任上海商务印书馆编辑，从事生物学的研究和编译工作。先后在上海大学、神州大学、上海暨南大学、安徽大学任教。1932年参与筹建中国民权保障同盟。后在上海组织马列主义读书会，开展抗日救亡斗争。抗战胜利后，任生活书店、新知书店编辑。1945年12月与马叙伦等在上海发起成立中国民主促进会。1948年加入中国共产党。1949年9月出席全国政协第一届全体会议。后任国家出版总署副署长、高等教育部副部长、浙江省人民政府副主席、浙江省省长、全国人大常委会副委员长、全国政协副主席、民进中央主席、民盟中央常委。是中共第九至十一届中央委员。著有《生物进化浅说》，译有达尔文《物种起源》。</p> <p>
浙江绍兴人，字松寿，又字乔峰。鲁迅胞弟。1920年在北京大学攻读哲学，次年任上海商务印书馆编辑，从事生物学的研究和编译工作。先后在上海大学、神州大学、上海暨南大学、安徽大学任教。1932年参与筹建中国民权保障同盟。后在上海组织马列主义读书会，开展抗日救亡斗争。抗战胜利后，任生活书店、新知书店编辑。1945年12月与马叙伦等在上海发起成立中国民主促进会。1948年加入中国共产党。1949年9月出席全国政协第一届全体会议。后任国家出版总署副署长、高等教育部副部长、浙江省人民政府副主席、浙江省省长、全国人大常委会副委员长、全国政协副主席、民进中央主席、民盟中央常委。是中共第九至十一届中央委员。著有《生物进化浅说》，译有达尔文《物种起源》。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/luxun_09.jpg"> <img class="align-self-start ml-3" src="/static/images/luxun_09.jpg">
</div> </div>
...@@ -320,7 +345,8 @@ ...@@ -320,7 +345,8 @@
</h5> </h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>中国散文家、翻译家。原名櫆寿，字启明，晚年改名遐寿，浙江绍兴人。青年时代留学日本，与兄周树人（鲁迅）一起翻译介绍外国文学。五四运动时任北京大学等校教授，并从事写作。论文《人的文学》、《美文》，新诗《小河》在新文学运动中均有影响。所作散文，风格冲淡朴讷，从容平和。20世纪30年代和林语堂一起鼓吹“闲适幽默”小品。抗战时期曾任伪华北政务委员会教育总署督办。著有《自己的园地》、《雨天的书》、《谈龙集》、《谈虎集》、《瓜豆集》及《中国新文学的源流》等。新中国成立后主要从事翻译工作，译有《日本狂言选》、《伊索寓言》等；著有《鲁迅的故家》、《鲁迅小说中的人物》、《知堂回想录》等。</p> <p>
中国散文家、翻译家。原名櫆寿，字启明，晚年改名遐寿，浙江绍兴人。青年时代留学日本，与兄周树人（鲁迅）一起翻译介绍外国文学。五四运动时任北京大学等校教授，并从事写作。论文《人的文学》、《美文》，新诗《小河》在新文学运动中均有影响。所作散文，风格冲淡朴讷，从容平和。20世纪30年代和林语堂一起鼓吹“闲适幽默”小品。抗战时期曾任伪华北政务委员会教育总署督办。著有《自己的园地》、《雨天的书》、《谈龙集》、《谈虎集》、《瓜豆集》及《中国新文学的源流》等。新中国成立后主要从事翻译工作，译有《日本狂言选》、《伊索寓言》等；著有《鲁迅的故家》、《鲁迅小说中的人物》、《知堂回想录》等。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/luxun_12.jpg"> <img class="align-self-start ml-3" src="/static/images/luxun_12.jpg">
</div> </div>
...@@ -342,7 +368,8 @@ ...@@ -342,7 +368,8 @@
<h5 class="media-title">《鲁迅全集》</h5> <h5 class="media-title">《鲁迅全集》</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>鲁迅作品的汇集。有四种版本：一是1938年由鲁迅先生纪念委员会编印的二十卷本，收入绝大部分创作、翻译，以及校勘的古籍作品；二是1956年由人民文学出版社出版的十卷本，专收创作、评论、文学史论著和部分书信（翻译和编校的作品另编，如有《鲁迅译文集》十卷），附有注释；三是1981年由人民文学出版社出版的十六卷本，包括除译文与校勘的古籍外全部作品，还有书信、日记，并附有新的注释。四是2005年由人民文学出版社出版的十八卷本，此版在1981年版的基础上修订，补入了新搜集到的佚文佚信，并对1981年版的注释作了增补和修改。此外，1947年还曾出版《鲁迅三十年集》，收创作及文学史方面的编著辑录共二十九种，三十册。鲁迅的著作真实、深刻地反映了中国近代、现代人民革命斗争的历史，也记录了他思想发展变化的历程。</p> <p>
鲁迅作品的汇集。有四种版本：一是1938年由鲁迅先生纪念委员会编印的二十卷本，收入绝大部分创作、翻译，以及校勘的古籍作品；二是1956年由人民文学出版社出版的十卷本，专收创作、评论、文学史论著和部分书信（翻译和编校的作品另编，如有《鲁迅译文集》十卷），附有注释；三是1981年由人民文学出版社出版的十六卷本，包括除译文与校勘的古籍外全部作品，还有书信、日记，并附有新的注释。四是2005年由人民文学出版社出版的十八卷本，此版在1981年版的基础上修订，补入了新搜集到的佚文佚信，并对1981年版的注释作了增补和修改。此外，1947年还曾出版《鲁迅三十年集》，收创作及文学史方面的编著辑录共二十九种，三十册。鲁迅的著作真实、深刻地反映了中国近代、现代人民革命斗争的历史，也记录了他思想发展变化的历程。</p>
<p <p
class="text-center"> class="text-center">
<img src="/static/images/luxun_20.jpg"> <img src="/static/images/luxun_20.jpg">
...@@ -363,7 +390,8 @@ ...@@ -363,7 +390,8 @@
<h5 class="media-title">《故事新编》</h5> <h5 class="media-title">《故事新编》</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>短篇小说集。鲁迅著。1936年上海文化生活出版社初版。收入1922—1935年创作的八篇历史小说，序一篇。小说均取材于中国古代的历史与传说，但并不拘泥于材料，而是在刻画古代人物的同时，融入了强烈的现实批判精神和鲜明的主观色彩。如《铸剑》、《奔月》所抒写的是作者在现实斗争与个人际遇中的迷惘与孤愤；《采薇》、《出关》、《起死》以幽默的笔调对虚无主义思想进行批判；《非攻》、《理水》歌颂了“中国的脊梁”式的英雄人物墨子和大禹，表达了作者对现实社会的批判和对未来的期望。</p> <p>
短篇小说集。鲁迅著。1936年上海文化生活出版社初版。收入1922—1935年创作的八篇历史小说，序一篇。小说均取材于中国古代的历史与传说，但并不拘泥于材料，而是在刻画古代人物的同时，融入了强烈的现实批判精神和鲜明的主观色彩。如《铸剑》、《奔月》所抒写的是作者在现实斗争与个人际遇中的迷惘与孤愤；《采薇》、《出关》、《起死》以幽默的笔调对虚无主义思想进行批判；《非攻》、《理水》歌颂了“中国的脊梁”式的英雄人物墨子和大禹，表达了作者对现实社会的批判和对未来的期望。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/luxun_27.jpg"> <img class="align-self-start ml-3" src="/static/images/luxun_27.jpg">
</div> </div>
...@@ -372,7 +400,8 @@ ...@@ -372,7 +400,8 @@
<h5 class="media-title">《坟》</h5> <h5 class="media-title">《坟》</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>杂文集。鲁迅著。1927年北京未名社初版。收入1907—1925年所作的23篇论文与杂文，书前有《题记》，书后有跋《写在后面》。其中《人之历史》、《科学史教篇》、《文化偏至论》和《摩罗诗力说》是早年留学日本时所作的文言论文，通过评介西方学术文化，表达了作者早期对中国思想革命的独立见解，深刻地揭示了封建文化自身的诸种问题。其余文章写于新文化运动兴起之后。《我之节烈观》、《我们现在怎样做父亲》、《灯下漫笔》、《春末闲谈》、《看镜有感》、《论“费厄泼赖”应该缓行》等，分别论及封建贞节与孝道观念、妇女地位、国民性、传统文化的吃人本质、现实战斗的原则等问题，显示出作者坚定的反封建立场与深刻的现实批判精神。</p> <p>
杂文集。鲁迅著。1927年北京未名社初版。收入1907—1925年所作的23篇论文与杂文，书前有《题记》，书后有跋《写在后面》。其中《人之历史》、《科学史教篇》、《文化偏至论》和《摩罗诗力说》是早年留学日本时所作的文言论文，通过评介西方学术文化，表达了作者早期对中国思想革命的独立见解，深刻地揭示了封建文化自身的诸种问题。其余文章写于新文化运动兴起之后。《我之节烈观》、《我们现在怎样做父亲》、《灯下漫笔》、《春末闲谈》、《看镜有感》、《论“费厄泼赖”应该缓行》等，分别论及封建贞节与孝道观念、妇女地位、国民性、传统文化的吃人本质、现实战斗的原则等问题，显示出作者坚定的反封建立场与深刻的现实批判精神。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/luxun_30.jpg"> <img class="align-self-start ml-3" src="/static/images/luxun_30.jpg">
</div> </div>
...@@ -381,7 +410,8 @@ ...@@ -381,7 +410,8 @@
<h5 class="media-title">《呐喊》</h5> <h5 class="media-title">《呐喊》</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>短篇小说集。鲁迅著。1923年北京新潮社初版。收入1918—1922年间所作的十五篇小说、一篇《自序》。1930年1月第13次印刷时，作者抽去《不周山》。集中收入《狂人日记》、《孔乙己》、《药》、《风波》、《故乡》、《阿Q正传》等作品。小说从各个侧面反映了辛亥革命以来中国的社会生活，具有鲜明的反封建色彩。作品以其思想上的深刻性在五四时期堪称独步，对“五四”以来的中国启蒙运动产生了长远的影响；同时也是中国现代小说最早最成熟的作品之一，不仅在文体上确立了叙事文学的典范样式，而且具有强烈的批判精神和鲜明的个人特色。</p> <p>
短篇小说集。鲁迅著。1923年北京新潮社初版。收入1918—1922年间所作的十五篇小说、一篇《自序》。1930年1月第13次印刷时，作者抽去《不周山》。集中收入《狂人日记》、《孔乙己》、《药》、《风波》、《故乡》、《阿Q正传》等作品。小说从各个侧面反映了辛亥革命以来中国的社会生活，具有鲜明的反封建色彩。作品以其思想上的深刻性在五四时期堪称独步，对“五四”以来的中国启蒙运动产生了长远的影响；同时也是中国现代小说最早最成熟的作品之一，不仅在文体上确立了叙事文学的典范样式，而且具有强烈的批判精神和鲜明的个人特色。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/luxun_32.jpg"> <img class="align-self-start ml-3" src="/static/images/luxun_32.jpg">
</div> </div>
...@@ -428,7 +458,8 @@ ...@@ -428,7 +458,8 @@
<h5 class="media-title">《中国小说史略》</h5> <h5 class="media-title">《中国小说史略》</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>书名。鲁迅著。系1920年至1924年作者在北京大学和北京高等师范学校讲授中国小说史时的讲义，题作《小说史大略》。1923年由新潮社印行上卷，次年印行下卷。1925年稍加修改后合订一册，由北新书局印行。1930年又对其中三篇加以修订，遂成定稿。全书二十八篇：第一篇为《史家对于小说之著录及论述》，以后各篇，分论历代小说的内容与技巧，叙述其发展过程与流别，始于神话与传说，讫于清末谴责小说。是中国小说史的开山之作。见解精辟，材料丰富，给中国小说的历史发展作了言简意赅的总结。另附录《中国小说的历史的变迁》一篇，六讲，是作者于1924年7月在西安讲学时的讲稿，最早收入1957年出版的《鲁迅全集》第八卷。</p> <p>
书名。鲁迅著。系1920年至1924年作者在北京大学和北京高等师范学校讲授中国小说史时的讲义，题作《小说史大略》。1923年由新潮社印行上卷，次年印行下卷。1925年稍加修改后合订一册，由北新书局印行。1930年又对其中三篇加以修订，遂成定稿。全书二十八篇：第一篇为《史家对于小说之著录及论述》，以后各篇，分论历代小说的内容与技巧，叙述其发展过程与流别，始于神话与传说，讫于清末谴责小说。是中国小说史的开山之作。见解精辟，材料丰富，给中国小说的历史发展作了言简意赅的总结。另附录《中国小说的历史的变迁》一篇，六讲，是作者于1924年7月在西安讲学时的讲稿，最早收入1957年出版的《鲁迅全集》第八卷。</p>
</div> </div>
<img class="align-self-start ml-3" src="/static/images/luxun_41.jpg"> <img class="align-self-start ml-3" src="/static/images/luxun_41.jpg">
</div> </div>
...@@ -536,7 +567,8 @@ ...@@ -536,7 +567,8 @@
<h5 class="media-title">罗竹风（1911—1996）</h5> <h5 class="media-title">罗竹风（1911—1996）</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>中国语言学家、宗教学家、出版家、辞书编纂家、杂文家。山东平度人。1931年起参加反帝大同盟和中国左翼作家联盟。1935年毕业于北京大学。1938年加入中国共产党。曾任平度县抗日民主政府县长、山东省教育厅督学主任等。新中国成立后历任山东大学教务长、教授，华东和上海市宗教事务处处长，上海市出版局局长，上海市哲学社会科学学会联合会主席，上海市语言文字工作委员会主任等。是中国语言学会副会长，中国宗教学会副会长。为《汉语大词典》主编、《辞海》常务副主编、《中国大百科全书》总编委兼《宗教卷》主编、《中国新文学大系·杂文卷》（1949—1976）主编等。著述以杂文见长，有文集《行云流水六十秋》等。</p> <p>
中国语言学家、宗教学家、出版家、辞书编纂家、杂文家。山东平度人。1931年起参加反帝大同盟和中国左翼作家联盟。1935年毕业于北京大学。1938年加入中国共产党。曾任平度县抗日民主政府县长、山东省教育厅督学主任等。新中国成立后历任山东大学教务长、教授，华东和上海市宗教事务处处长，上海市出版局局长，上海市哲学社会科学学会联合会主席，上海市语言文字工作委员会主任等。是中国语言学会副会长，中国宗教学会副会长。为《汉语大词典》主编、《辞海》常务副主编、《中国大百科全书》总编委兼《宗教卷》主编、《中国新文学大系·杂文卷》（1949—1976）主编等。著述以杂文见长，有文集《行云流水六十秋》等。</p>
<p <p
class="mb-0"> class="mb-0">
<br> <br>
...@@ -548,7 +580,8 @@ ...@@ -548,7 +580,8 @@
<h5 class="media-title">方光焘（1898—1964）</h5> <h5 class="media-title">方光焘（1898—1964）</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>中国语言学家、文学家。原名曙先，浙江衢州人。早年留学日本。1921年参加创造社，1931年参加中国左翼作家联盟。1929—1931年在法国里昂大学专攻语言学。历任上海大学、安徽大学、复旦大学、暨南大学、中山大学、中央大学教授。新中国成立后任南京大学教授、中文系主任，兼任江苏省文化局局长、文联主席。1956年加入中国共产党。一生从事语言和文学的教研工作。提倡新文学。对普通语言学和语法理论颇有研究，创汉语语法学的“广义形态说”。有《方光焘语言学论文集》、《语法论稿》等。</p> <p>
中国语言学家、文学家。原名曙先，浙江衢州人。早年留学日本。1921年参加创造社，1931年参加中国左翼作家联盟。1929—1931年在法国里昂大学专攻语言学。历任上海大学、安徽大学、复旦大学、暨南大学、中山大学、中央大学教授。新中国成立后任南京大学教授、中文系主任，兼任江苏省文化局局长、文联主席。1956年加入中国共产党。一生从事语言和文学的教研工作。提倡新文学。对普通语言学和语法理论颇有研究，创汉语语法学的“广义形态说”。有《方光焘语言学论文集》、《语法论稿》等。</p>
<p <p
class="mb-0"> class="mb-0">
<br> <br>
...@@ -583,7 +616,8 @@ ...@@ -583,7 +616,8 @@
<h5 class="media-title">李求实 （1903—1931）</h5> <h5 class="media-title">李求实 （1903—1931）</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>湖北武昌（今武汉市武昌区）人，原名国纬，字北平，笔名伟森。武昌高等商业专科学校毕业。1922年加入中国共产党。1923年参加领导京汉铁路工人大罢工。1924年赴莫斯科东方大学学习。次年回国，先后任共青团湖南省委书记、团中央宣传部长，《中国青年》主编。1929年到中共中央宣传部工作，创办《上海报》。曾参加中国左翼作家联盟工作。1931年在上海龙华被国民党反动派杀害。和同时遇害的柔石、殷夫、胡也频、冯铿，合称“左联五烈士”。著有《革命歌集》、《小品文杂感集》等。</p> <p>
湖北武昌（今武汉市武昌区）人，原名国纬，字北平，笔名伟森。武昌高等商业专科学校毕业。1922年加入中国共产党。1923年参加领导京汉铁路工人大罢工。1924年赴莫斯科东方大学学习。次年回国，先后任共青团湖南省委书记、团中央宣传部长，《中国青年》主编。1929年到中共中央宣传部工作，创办《上海报》。曾参加中国左翼作家联盟工作。1931年在上海龙华被国民党反动派杀害。和同时遇害的柔石、殷夫、胡也频、冯铿，合称“左联五烈士”。著有《革命歌集》、《小品文杂感集》等。</p>
<p <p
class="mb-0"> class="mb-0">
<br> <br>
...@@ -595,7 +629,8 @@ ...@@ -595,7 +629,8 @@
<h5 class="media-title">王学文 （1895—1985）</h5> <h5 class="media-title">王学文 （1895—1985）</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>中国经济学家。原名守椿，号首春，江苏徐州人。1910年留学日本。1925年京都帝国大学经济学部毕业，后为该校大学院研究生。1927年加入中国共产主义青年团。同年回国，加入中国共产党。1928年参加创造社。先后在上海一些大学讲授马克思主义政治经济学和经济思想史。参与组织中国自由大同盟、中国左翼作家联盟、中国社会科学家联盟等团体。1937年到延安。先后任中共中央文化工作委员会书记、延安中央党校教务主任。1938年任中共中央马列学院副院长兼教导主任。1940年任中央军委总政治部敌工部长兼敌军工作干部学校校长，后任华北财经学院院长、中央马列学院政治经济学教研室主任。是第一、四届全国人大代表，第一届全国政协代表，第二、三届全国政协委员，第四、五届全国政协常委，中科院哲学社会科学部委员。著有《中国经济现状概论》、《近世欧洲经济思想史》、《政治经济学教程绪论》、《王学文〈资本论〉研究文集》等。</p> <p>
中国经济学家。原名守椿，号首春，江苏徐州人。1910年留学日本。1925年京都帝国大学经济学部毕业，后为该校大学院研究生。1927年加入中国共产主义青年团。同年回国，加入中国共产党。1928年参加创造社。先后在上海一些大学讲授马克思主义政治经济学和经济思想史。参与组织中国自由大同盟、中国左翼作家联盟、中国社会科学家联盟等团体。1937年到延安。先后任中共中央文化工作委员会书记、延安中央党校教务主任。1938年任中共中央马列学院副院长兼教导主任。1940年任中央军委总政治部敌工部长兼敌军工作干部学校校长，后任华北财经学院院长、中央马列学院政治经济学教研室主任。是第一、四届全国人大代表，第一届全国政协代表，第二、三届全国政协委员，第四、五届全国政协常委，中科院哲学社会科学部委员。著有《中国经济现状概论》、《近世欧洲经济思想史》、《政治经济学教程绪论》、《王学文〈资本论〉研究文集》等。</p>
<p <p
class="mb-0"> class="mb-0">
<br> <br>
...@@ -607,7 +642,8 @@ ...@@ -607,7 +642,8 @@
<h5 class="media-title">夏征农 （1904—2008）</h5> <h5 class="media-title">夏征农 （1904—2008）</h5>
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<p>江西丰城人，原名正和，曾用名夏子美、黎夫。1925年考入南京金陵大学，次年加入中国共产党。1927年参加南昌起义。1928年起任复旦大学共青团支部书记，江苏省团委宣传部秘书，《海上青年》杂志主编。1929年被国民党当局逮捕，狱中开始文学创作。次年出狱后，在共青团中央宣传部工作。1933年加入中国左翼作家联盟。抗日战争爆发后，历任新四军军政治部民运部长、中共苏中四地委宣传部长、苏中公学校长、华中建设大学副校长、中共济南市委宣传部长。新中国成立后，历任中共济南市委副书记，中共中央山东分局宣传部长，中共山东省委常委、济南市委书记处书记，中共中央华东局宣传部长，1966年6月被免职。1978年后任复旦大学党委书记，中共上海市委书记，上海市文联、社联主席，中国大百科全书总编辑委员会副主任。是中共八大代表，十二大列席代表，中顾委委员，中共十三大至十七大特邀代表。1978年起任《辞海》第三任主编。2002年任《大辞海》主编。主要著作编入《夏征农文集》。</p> <p>
江西丰城人，原名正和，曾用名夏子美、黎夫。1925年考入南京金陵大学，次年加入中国共产党。1927年参加南昌起义。1928年起任复旦大学共青团支部书记，江苏省团委宣传部秘书，《海上青年》杂志主编。1929年被国民党当局逮捕，狱中开始文学创作。次年出狱后，在共青团中央宣传部工作。1933年加入中国左翼作家联盟。抗日战争爆发后，历任新四军军政治部民运部长、中共苏中四地委宣传部长、苏中公学校长、华中建设大学副校长、中共济南市委宣传部长。新中国成立后，历任中共济南市委副书记，中共中央山东分局宣传部长，中共山东省委常委、济南市委书记处书记，中共中央华东局宣传部长，1966年6月被免职。1978年后任复旦大学党委书记，中共上海市委书记，上海市文联、社联主席，中国大百科全书总编辑委员会副主任。是中共八大代表，十二大列席代表，中顾委委员，中共十三大至十七大特邀代表。1978年起任《辞海》第三任主编。2002年任《大辞海》主编。主要著作编入《夏征农文集》。</p>
<p <p
class="mb-0"> class="mb-0">
<br> <br>
...@@ -671,6 +707,9 @@ ...@@ -671,6 +707,9 @@
</c:forEach> </c:forEach>
</div> </div>
</div> </div>
<div class="tab-pane" id="tab3">
<div id="chart-earth"></div>
</div>
</div> </div>
</div> </div>
<div class="js-top"></div> <div class="js-top"></div>
...@@ -719,8 +758,8 @@ ...@@ -719,8 +758,8 @@
</aside> </aside>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="album-alert"> <div class="album-alert">
<div class="album-swiper swiper-container"> <div class="album-swiper swiper-container">
...@@ -742,6 +781,10 @@ ...@@ -742,6 +781,10 @@
</div> </div>
</footer> </footer>
<link rel="stylesheet" href="/static/css/h5.css"> <link rel="stylesheet" href="/static/css/h5.css">
<c:if test="${vo.word eq '太阳系'}">
<script src="/static/js/echarts.min.js"></script>
<script src="/static/js/echarts-gl.js"></script>
</c:if>
<script> <script>
$(function () { $(function () {
$('.js-album').click(function () { $('.js-album').click(function () {
...@@ -797,6 +840,40 @@ ...@@ -797,6 +840,40 @@
// 相册查看 // 相册查看
commonApp.photoSwipeFromDom('.list-gallery'); commonApp.photoSwipeFromDom('.list-gallery');
<c:if test="${vo.word eq '太阳系'}">
//- 地球
var option = {
backgroundColor: '#000',
globe: {
baseTexture: "/static/images/world.topo.bathy.200401.jpg",
heightTexture: "/static/images/world.topo.bathy.200401.jpg",
displacementScale: 0.04,
shading: 'realistic',
environment: '/static/images/starfield.jpg',
realisticMaterial: {
roughness: 0.9
},
postEffect: {
enable: true
},
light: {
main: {
intensity: 5,
shadow: true
},
ambientCubemap: {
texture: '/static/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)
})
</c:if>
}); });
</script> </script>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/> <jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
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 .logo{position:absolute;left:40px;top:40px}.wrapper-index .search-main{padding-top:400px}.wrapper-index .search-main .navbar-form{width:775px}.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:70px;padding-right:150px;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{padding:35px 0;height:230px;background-clip:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/ciyun.png)}.calendar{position:absolute;right:0;top:0}
\ 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 .logo{position:absolute;left:40px;top:40px}.wrapper-index .search-main{padding-top:400px}.wrapper-index .search-main .navbar-form{width:775px}.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:70px;padding-right:150px;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{padding:35px 0;height:230px;background-clip:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/ciyun.png)}.calendar{position:absolute;right:0;top:0}.container-fluid .navbar-links{padding:15px 0 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
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
...@@ -37,6 +37,11 @@ ...@@ -37,6 +37,11 @@
</div> </div>
</div> </div>
</form> </form>
<div class="navbar-links navbar-form">
<a href="万国志.html">万国志</a>
<a href="地方志.html">地方志</a>
<a href="人物志.html">人物志</a>
</div>
</div> </div>
<div class="push-main"> <div class="push-main">
<div class="container-fluid"> <div class="container-fluid">
......
serverside/cihai-pc/src/main/webapp/static/js/echarts-gl.js 0 → 100644
This diff could not be displayed because it is too large.
serverside/cihai-pc/src/main/webapp/static/js/echarts.min.js 0 → 100644
This diff could not be displayed because it is too large.
serverside/cihai-pc/src/main/webapp/static/万国志.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/america.png">
</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 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/china.png">
</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
...@@ -51,7 +51,28 @@ ...@@ -51,7 +51,28 @@
</div> </div>
</nav> </nav>
<div class="history-content text-center"> <div class="history-content text-center">
<img src="images/history-01.jpg"> <ul class="history-tab js-tab">
<li>
<a href="#his1"></a>
</li>
<li>
<a href="#his2"></a>
</li>
<li>
<a href="#his3"></a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="his1">
<img src="images/historyall.png">
</div>
<div class="tab-pane" id="his2">
<img src="images/historything.png">
</div>
<div class="tab-pane" id="his3">
<img src="images/historytoday.png">
</div>
</div>
</div> </div>
<footer class="footer-main"> <footer class="footer-main">
<div class="container"> <div class="container">
...@@ -62,5 +83,12 @@ ...@@ -62,5 +83,12 @@
</footer> </footer>
<script src="js/plugins/jquery.min.js"></script> <script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script> <script src="js/vendor.js" merge="true"></script>
<script>
// tab选项卡
$(".js-tab a").click(function(e) {
e.preventDefault()
$(this).tab('show')
})
</script>
</body> </body>
</html> </html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/地方志.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/shanghai.png">
</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
...@@ -52,8 +52,9 @@ ...@@ -52,8 +52,9 @@
</div> </div>
</div> </div>
</nav> </nav>
<div class="encyclopedia" style="background-image:url(images/word-bg-01.jpg)">
<div class="container"> <div class="container">
<div class="encyclopedia" style="background-image:url(images/world.topo.bathy.200401.jpg)">
<div class="encyclopedia-mask"></div>
<div class="content"> <div class="content">
<div class="row"> <div class="row">
<div class="col-xs-17"> <div class="col-xs-17">
...@@ -144,6 +145,9 @@ ...@@ -144,6 +145,9 @@
<li class="main-tab-item active"> <li class="main-tab-item active">
<a href="#tab1">释义</a> <a href="#tab1">释义</a>
</li> </li>
<li class="main-tab-item">
<a href="#tab2" id="map-tab">地球</a>
</li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="tab1"> <div class="tab-pane active" id="tab1">
...@@ -257,6 +261,9 @@ ...@@ -257,6 +261,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="tab-pane" id="tab2">
<div id="chart-earth"></div>
</div>
</div> </div>
</div> </div>
<div class="js-top"></div> <div class="js-top"></div>
...@@ -291,6 +298,8 @@ ...@@ -291,6 +298,8 @@
</footer> </footer>
<script src="js/plugins/jquery.min.js"></script> <script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></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/plugins/vis/vis.min.js"></script>
<script src="js/common.js"></script> <script src="js/common.js"></script>
<script> <script>
...@@ -311,7 +320,38 @@ ...@@ -311,7 +320,38 @@
paginationClickable: true 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选项卡 // tab选项卡
$(".js-tab a").click(function(e) { $(".js-tab a").click(function(e) {
e.preventDefault() e.preventDefault()
...@@ -345,7 +385,6 @@ ...@@ -345,7 +385,6 @@
var text = parent.find(".paraphrase-title").text() + "\n" + parent.find(".paraphrase-p").text() var text = parent.find(".paraphrase-title").text() + "\n" + parent.find(".paraphrase-p").text()
$(this).attr('data-clipboard-text', text) $(this).attr('data-clipboard-text', text)
}) })
}); });
</script> </script>
</body> </body>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!