Skip to content

石磊 / cihai

Go to a project
Commit 04679a89 by 侯昆
Options

pc修改

1 parent 3bb71d89
Inline Side-by-side
Showing 76 changed files with 4001 additions and 242 deletions
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/index.jsp
......@@ -11,69 +11,70 @@
<jsp:param name="pageTitle" value="首页"/>
</jsp:include>
<div class="wrapper-index">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="/">
<%--<nav class="navbar navbar-default">--%>
<%--<div class="container-fluid">--%>
<%--<div class="navbar-header">--%>
<%--<a class="navbar-brand" href="/">--%>
<%--<img src="/static/images/logo.png">--%>
<%--</a>--%>
<%--</div>--%>
<%--<div class="navbar-collapse">--%>
<%--<form class="navbar-form clearfix">--%>
<%--<div class="navbar-main-list">--%>
<%--<span class="icon icon-search"></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>--%>
<%--<ul class="nav navbar-nav navbar-right">--%>
<%--<li>--%>
<%--<a class="btn btn-primary" href="#">登录</a>--%>
<%--</li>--%>
<%--<li>--%>
<%--<a class="btn btn-default" href="#">注册</a>--%>
<%--</li>--%>
<%--</ul>--%>
<%--</div>--%>
<%--</div>--%>
<%--</nav>--%>
<a class="logo" href="/">
<img src="/static/images/logo.png">
</a>
</div>
<div class="navbar-collapse">
<form class="navbar-form clearfix">
<div class="navbar-main-list">
<span class="icon icon-search"></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>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div>
</div>
</nav>
<a class="calendar" href="/today">
<img src="/static/images/calendar2.png" alt="历史上的今天" title="历史上的今天">
</a>
<div class="container-fluid search-main">
<form class="navbar-form clearfix j_search_form" action="/home/search" method="GET">
<div class="logo-search">
<a>
<img class="img-responsive" src="/static/images/logo-search.png">
</a>
</div>
<div class="search-main-input-wrapper">
<img class="search-main-input-img" src="/static/images/bg-dog.png" alt="">
<div class="search-main-input-inner clearfix">
<div class="form-group input-group-lg">
<input class="form-control j_search_content" name="keyword" type="text">
<button class="btn navbar-search-camera" type="button">
<div class="icon icon-camera">
<input name="image" type="file" class="j_search_image" style="opacity: 0" accept=".png, .jpg, .jpeg">
<input name="image" type="file" class="j_search_image" style="opacity: 0;width:100%" accept=".png, .jpg, .jpeg">
</div>
<%--</button>--%>
</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="submit">搜索</button>
<button class="btn btn-search btn-lg" type="submit"></button>
</div>
</div>
<a class="btn btn-link btn-lg" type="button">搜索助手
<span class="icon icon-help"></span>
</a>
</form>
</div>
<div class="push-main">
......@@ -133,23 +134,9 @@
</div>
<div class="col-lg-7 col-xs-12">
<div class="card">
<div class="card-title">历史上的今天</div>
<div class="card-title">词云</div>
<div class="card-main">
<div class="card-history">
<div class="card-calendar">
<span class="prev">前</span>
<span class="current"><%=DateFormatUtils.format(new Date(), "yyyy年M月d日")%></span>
<img src="/static/images/calendar.png">
<span class="next">后</span>
</div>
<a href="/today">
<div class="card-history-list">
<div class="card-history-item">2004年<%=DateFormatUtils.format(new Date(), "M月d日")%>人类第一次进行从彗星核中取样</div>
<div class="card-history-item">2001年<%=DateFormatUtils.format(new Date(), "M月d日")%>金门与厦门之间 两岸“小三通”首航</div>
<div class="card-history-item">1997年<%=DateFormatUtils.format(new Date(), "M月d日")%>科菲·安南正式就任联合国秘书长</div>
</div>
</a>
</div>
<div class="word"></div>
</div>
</div>
</div>
......
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/include/header_search.jsp
......@@ -11,7 +11,7 @@
<meta name="renderer" content="webkit">
<title>辞海-${param.pageTitle}</title>
<link rel="stylesheet" href="/static/css/vendor.css">
<link rel="stylesheet" href="/static/css/index.css">
<%--<link rel="stylesheet" href="/static/css/index.css">--%>
<script src="/static/js/plugins/jquery.min.js"></script>
<script src="/static/js/plugins/validator/jquery.validator.js"></script>
<script src="/static/js/common.js"></script>
......@@ -126,14 +126,14 @@
<a href="#">科技</a>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
<%--<ul class="nav navbar-nav navbar-right">--%>
<%--<li>--%>
<%--<a class="btn btn-primary" href="#">登录</a>--%>
<%--</li>--%>
<%--<li>--%>
<%--<a class="btn btn-default" href="#">注册</a>--%>
<%--</li>--%>
<%--</ul>--%>
</div>
</div>
</nav>
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/word/character_baike.jsp
......@@ -18,9 +18,10 @@
style="background-image:url(${vo.images.get(0).file})"
</c:when>
<c:otherwise>
style="background-image:url(/static/images/word-bg-01.jpg)">
style="background-image:url(/static/images/word-bg-01.jpg)"
</c:otherwise>
</c:choose>
>
<div class="container">
<div class="content">
<div class="row">
......@@ -44,13 +45,13 @@
<div class="head-intro clearfix">
<div class="word pull-left">${vo.word}</div>
<div class="voice-box pull-left">
<div class="voice clearfix">
<div class="pull-left py">
<c:forEach items="${vo.spell}" var="item">
【${item}】
</c:forEach>
</div>
<div class="icon" style="background-image:url(/static/icons/voice.png)"></div>
<%--<div class="voice clearfix">--%>
<%--<div class="pull-left py">--%>
<%--<c:forEach items="${vo.spell}" var="item">--%>
<%--【${item}】--%>
<%--</c:forEach>--%>
<%--</div>--%>
<%--<div class="icon" style="background-image:url(/static/icons/voice.png)"></div>--%>
</div>
<%--<div class="sub-name">长鼻目象科哺乳动物</div>--%>
</div>
......
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/word/character_paraph.jsp
......@@ -92,14 +92,14 @@
</div>
</div>
<div class="character__bd">
<c:if test="${vo.word eq '象'}" >
<div class="character-spell">
<c:forEach items="${vo.spell}" var="item">
【${item}】
</c:forEach>
【xiàng】
<div class="character-voice">
<div class="icon icon-voice"></div>
</div>
</div>
</c:if>
<div class="character-info clearfix">
<c:forEach items="<%=HtmlHelper.paraphBriefToHtml(vo.getBrief())%>" var="item">
${item}
......
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/word/statement_baike.jsp
<%@ page import="com.alibaba.fastjson.JSON" %>
<%@ page import="com.dookay.cihai.pc.helper.HtmlHelper" %>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
......@@ -17,10 +16,11 @@
style="background-image:url(${vo.images.get(0).file})"
</c:when>
<c:otherwise>
style="background-image:url(/static/images/word-bg-01.jpg)">
style="background-image:url(/static/images/word-bg-01.jpg)"
</c:otherwise>
</c:choose>
<div class="container">
>
<div class="container">
<div class="content">
<div class="row">
<div class="col-xs-17">
......@@ -43,16 +43,14 @@
<div class="head-intro clearfix">
<div class="word pull-left">${vo.word}</div>
<div class="voice-box pull-left">
<c:if test="${vo.word eq '中华人民共和国'}">
<div class="voice clearfix">
<div class="pull-left py">
【
<c:forEach items="${vo.spell}" var="item">
${item}
</c:forEach>
】
【Zhōnghuá&nbsp;&nbsp;Rénmín&nbsp;&nbsp;Gònghéguó】
</div>
<div class="icon" style="background-image:url(/static/icons/voice.png)"></div>
</div>
</c:if>
<%--<div class="sub-name">长鼻目象科哺乳动物</div>--%>
</div>
</div>
......@@ -70,7 +68,8 @@
</div>
</c:if>
</div>
<div class="main__bd">
<div class="main__bd main-bakeyi">
<ul class="main-tab js-tab clearfix">
<li class="main-tab-item active">
<a href="#tab1">释义</a>
......@@ -99,6 +98,567 @@
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
</article>
<c:choose>
<c:when test="${vo.word eq '二十四节气'}">
<div class="st-wrap">
<img src="/static/images/24.jpg" alt="">
<div class="st-links">
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
</div>
</div>
</c:when>
<c:when test="${vo.word eq '太阳系'}">
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0" data-toggle="collapse" data-target="#collapse0">
<span class="btn btn-link">太阳系成员</span>
</button>
</div>
<div class="collapse in" id="collapse0" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">太阳</h5>
<div class="media">
<div class="media-body">
<p>亦称“日”。太阳系的中心天体。距地球最近的一颗恒星。地球绕它公转。与地球的平均距离14959.787万千米，直径139.2万千米，为地球的109倍，体积为地球的130万倍，质量为地球的33万倍，平均密度1.41克/厘米3。太阳是一个炽热的气体球，表面有效温度5777开，愈向内部温度愈高，中心1.57×107开。由氢核聚变成氦核的热核反应产生巨大的能量，以辐射的方式，由内部转移到表面，而发射到宇宙空间。肉眼看到的表面层称为“光球”，光球上面是“色球”，最外层称为“日冕”，在色球与日冕间还有一个“色球日冕过渡区”，这几层（区）组成太阳的大气。太阳也在自转，其周期在日面赤道带约25天，两极区约35天。太阳和地球几乎由同样的化学元素组成，但比例有差异。太阳上最丰富的元素是氢，其次是氦，还有碳、氮、氧和各种金属。总体说，太阳是稳定的，但其大气层却处于局部激烈运动中。最明显的是太阳活动区中黑子群的出没、各类日珥的发生、日冕物质抛射和耀斑的出现等。</p>
<p
class="text-center">
<img class="img-fluid" src="/static/images/taiyangxi_03.jpg">
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">水星</h5>
<div class="media">
<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
class="text-center">
<img class="img-fluid" src="/static/images/taiyangxi_07.jpg">
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">金星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“启明星”、“晓星”，又称“长庚星”、“太白星”或“黄昏星”，欧洲称“维纳斯”（罗马神话中的爱和美的女神）。太阳系八颗行星之一。未发现有卫星。按距太阳由近及远的次序为第二颗。与太阳平均距离0.72天文单位，即1.08亿千米。大小与地球相仿，直径比地球小5%，质量为地球的82%，密度为水的5.2倍。轨道接近圆形。公转周期225天，自转周期243天，自转比公转更为缓慢，且自转方向与其他行星相反。行星中与地球最接近的一颗，亮度仅次于日、月。表面覆盖厚云。大气主要成分是二氧化碳。表面温度约480℃。大气压为地球的90倍。表面磁场为地球的千分之一，约1.6×10-8特。也有电离层。表面还有山脉和峡谷。金星上空闪电频繁，每分钟达20多次。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_11.jpg">
</div>
</li>
<li>
<h5 class="media-title">地球</h5>
<div class="media">
<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>
</div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_14.jpg">
</div>
</li>
<li>
<h5 class="media-title">火星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“荧惑”；欧洲称“玛尔斯”（罗马神话中的战神）。太阳系八颗行星之一。按距太阳由近及远的次序为第四颗。与太阳平均距离1.52天文单位，即2.28亿千米。赤道直径为地球的53%，质量为地球的11%，密度为水的3.9倍。公转周期687天，自转周期24时37分。赤道面与轨道面的交角为23°59′，与黄赤交角相近，所以火星也有四季，每季约长6个月。大气稀薄，大气压只有地球的0.6倍。主要成分是二氧化碳。表面温度在赤道上白昼高，可达28℃，夜间降至－132℃。白色极冠是水冰和干冰。表面有火山和沙漠，还发现有河床、水道和流域地形等，说明火星曾有大量的水，地表下有大量的水资源。为此，火星生命现象长期受到人们的关注。有两颗小卫星。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_16.jpg">
</div>
</li>
<li>
<h5 class="media-title">木星</h5>
<div class="media">
<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>
</div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_18.jpg">
</div>
</li>
<li>
<h5 class="media-title">土星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“填星”、“镇星”；欧洲称“萨特恩”（罗马神话中的农神）。太阳系八颗行星之一。按距太阳由近及远的次序为第六颗。与太阳平均距离9.54天文单位，即14.27亿千米。赤道直径为地球的9.42倍，质量约为地球的95.2倍，密度只有水的70%。公转周期29.46年，自转周期10时14分，形状很扁。表面的云雾带比木星的更规则，但不显著。大气层很厚，主要成分是甲烷和少量的氨。土星上空闪电频繁。表面最高温度约－150℃。有磁场（强度为地球的1000倍）和辐射带。有卫星50颗，其中14颗为不规则卫星。还有明显的光环环缝。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_21.jpg">
</div>
</li>
<li>
<h5 class="media-title">天王星</h5>
<div class="media">
<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>
</div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_24.jpg">
</div>
</li>
<li>
<h5 class="media-title">海王星</h5>
<div class="media">
<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>
</div>
<img class="align-self-start ml-3" src="/static/images/taiyangxi_27.jpg">
</div>
</li>
<li>
<div class="media">
<div class="media-body">
<p>一年中地球绕太阳运行到二十四个规定位置（即视太阳黄经度每隔15°为一个节气）上的日期。其划分源于中国黄河流域。各节气分别冠以反映自然气候特点的名称。当视太阳在黄经90°阳光直射北回归线时，北半球昼最长，夜最短，称“夏至”；在黄经270°阳光直射南回归线时，北半球昼最短，夜最长，称“冬至”；当视太阳在黄经0°和180°阳光两次直射赤道时，昼夜平分，分别称“春分”和“秋分”。上述的“二至”“二分”，春秋时代已由圭表测日影长短法确立。战国末期，又在春分-夏至-秋分-冬至-春分之间，黄经每隔45°各增一个节气，分别为立夏、立秋、立冬、立春，即“四立”。秦汉时，随农业生产发展，又分别在这八个节气之间，黄经各隔15°增加两个节气。至此，以不违农时为中心，反映一年四季变迁，雨、露、霜、雪等气候变化和物候特征的“二十四节气”已完全确立，成为农事活动主要依据。中国幅员辽阔，在同一节气各地气候变化不一，农事活动也有差异。西汉刘安《淮南子·天文》中已有完整二十四节气的最早记载。汉武帝太初元年（公元前104年）实施的《太初历》首次将“二十四节气”订入历法。二十四节气的阳历日期基本固定，一般仅相差1天。二十四节气的名称、黄经和日期（根据2000—2100年年历表查算）见上页表。</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</c:when>
<c:when test="${vo.word eq '鲁迅'}">
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0" data-toggle="collapse" data-target="#collapse0">
<span class="btn btn-link">鲁迅墓</span>
</button>
</div>
<div class="collapse in" id="collapse0" data-parent="#accordion">
<div class="card-body">
<div class="media">
<div class="media-body">
<p>在上海市鲁迅公园（原虹口公园）内。鲁迅遗体原葬于上海西郊万国公墓。1956年鲁迅逝世20周年时，迁葬于此，并建鲁迅纪念馆。墓用花岗石构筑，面积1600平方米。墓穴后有壁式墓碑，上刻毛泽东的题词：“鲁迅先生之墓”。墓园中立有鲁迅坐式铜像。为全国重点文物保护单位。</p>
<p class="text-center">
<img class="img-fluid" src="/static/images/luxun_03.jpg">
</p>
</div>
</div>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse1">
<span class="btn btn-link">鲁迅夫人</span>
</button>
</div>
<div class="collapse" id="collapse1" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">许广平
<small>（1898—1968）</small>
</h5>
<div class="media">
<div class="media-body">
<p>广东番禺（今广州）人，笔名景宋。鲁迅夫人。1926年毕业于北京女子师范大学。后协助鲁迅工作。在上海参加抗日救亡和爱国民主运动，曾任《民主》周刊编辑。1948年赴东北解放区。1949年出席全国政协第一届全体会议。后任中央人民政府政务院副秘书长、全国人大和全国政协常委、全国妇联副主席、全国文联主席团委员、民进中央副主席。1960年加入中国共产党。著有《欣慰的纪念》。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_07.jpg">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse2">
<span class="btn btn-link">鲁迅胞弟</span>
</button>
</div>
<div class="collapse" id="collapse2" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">周建人
<small>（1888—1984）</small>
</h5>
<div class="media">
<div class="media-body">
<p>浙江绍兴人，字松寿，又字乔峰。鲁迅胞弟。1920年在北京大学攻读哲学，次年任上海商务印书馆编辑，从事生物学的研究和编译工作。先后在上海大学、神州大学、上海暨南大学、安徽大学任教。1932年参与筹建中国民权保障同盟。后在上海组织马列主义读书会，开展抗日救亡斗争。抗战胜利后，任生活书店、新知书店编辑。1945年12月与马叙伦等在上海发起成立中国民主促进会。1948年加入中国共产党。1949年9月出席全国政协第一届全体会议。后任国家出版总署副署长、高等教育部副部长、浙江省人民政府副主席、浙江省省长、全国人大常委会副委员长、全国政协副主席、民进中央主席、民盟中央常委。是中共第九至十一届中央委员。著有《生物进化浅说》，译有达尔文《物种起源》。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_09.jpg">
</div>
</li>
<li>
<h5 class="media-title">周作人
<small>（1885—1967）</small>
</h5>
<div class="media">
<div class="media-body">
<p>中国散文家、翻译家。原名櫆寿，字启明，晚年改名遐寿，浙江绍兴人。青年时代留学日本，与兄周树人（鲁迅）一起翻译介绍外国文学。五四运动时任北京大学等校教授，并从事写作。论文《人的文学》、《美文》，新诗《小河》在新文学运动中均有影响。所作散文，风格冲淡朴讷，从容平和。20世纪30年代和林语堂一起鼓吹“闲适幽默”小品。抗战时期曾任伪华北政务委员会教育总署督办。著有《自己的园地》、《雨天的书》、《谈龙集》、《谈虎集》、《瓜豆集》及《中国新文学的源流》等。新中国成立后主要从事翻译工作，译有《日本狂言选》、《伊索寓言》等；著有《鲁迅的故家》、《鲁迅小说中的人物》、《知堂回想录》等。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_12.jpg">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse4">
<span class="btn btn-link">鲁迅著作</span>
</button>
</div>
<div class="collapse" id="collapse4" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">《鲁迅全集》</h5>
<div class="media">
<div class="media-body">
<p>鲁迅作品的汇集。有四种版本：一是1938年由鲁迅先生纪念委员会编印的二十卷本，收入绝大部分创作、翻译，以及校勘的古籍作品；二是1956年由人民文学出版社出版的十卷本，专收创作、评论、文学史论著和部分书信（翻译和编校的作品另编，如有《鲁迅译文集》十卷），附有注释；三是1981年由人民文学出版社出版的十六卷本，包括除译文与校勘的古籍外全部作品，还有书信、日记，并附有新的注释。四是2005年由人民文学出版社出版的十八卷本，此版在1981年版的基础上修订，补入了新搜集到的佚文佚信，并对1981年版的注释作了增补和修改。此外，1947年还曾出版《鲁迅三十年集》，收创作及文学史方面的编著辑录共二十九种，三十册。鲁迅的著作真实、深刻地反映了中国近代、现代人民革命斗争的历史，也记录了他思想发展变化的历程。</p>
<p
class="text-center">
<img src="/static/images/luxun_20.jpg">
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《阿Q正传》</h5>
<div class="media">
<div class="media-body">
<p>中篇小说。鲁迅著。1921年12月4日至1922年2月12日，用巴人笔名陆续发表于北京《晨报副刊》。后收入《呐喊》。作品以辛亥革命前后的中国农村为背景，塑造了阿Q这一艺术典型，表达了作者对阿Q“哀其不幸，怒其不争”的态度和力图唤醒农民的觉悟、促使他们起来革命的愿望。小说后半部分写了辛亥革命以后阿Q从不理解革命到向往革命的心理发展，以及被诬为盗贼而遭杀害的悲惨结局，揭示出中国农民阶级中所蕴藏的革命因素和消极因素，总结了辛亥革命不彻底的沉痛教训。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_24.jpg">
</div>
</li>
<li>
<h5 class="media-title">《故事新编》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说集。鲁迅著。1936年上海文化生活出版社初版。收入1922—1935年创作的八篇历史小说，序一篇。小说均取材于中国古代的历史与传说，但并不拘泥于材料，而是在刻画古代人物的同时，融入了强烈的现实批判精神和鲜明的主观色彩。如《铸剑》、《奔月》所抒写的是作者在现实斗争与个人际遇中的迷惘与孤愤；《采薇》、《出关》、《起死》以幽默的笔调对虚无主义思想进行批判；《非攻》、《理水》歌颂了“中国的脊梁”式的英雄人物墨子和大禹，表达了作者对现实社会的批判和对未来的期望。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_27.jpg">
</div>
</li>
<li>
<h5 class="media-title">《坟》</h5>
<div class="media">
<div class="media-body">
<p>杂文集。鲁迅著。1927年北京未名社初版。收入1907—1925年所作的23篇论文与杂文，书前有《题记》，书后有跋《写在后面》。其中《人之历史》、《科学史教篇》、《文化偏至论》和《摩罗诗力说》是早年留学日本时所作的文言论文，通过评介西方学术文化，表达了作者早期对中国思想革命的独立见解，深刻地揭示了封建文化自身的诸种问题。其余文章写于新文化运动兴起之后。《我之节烈观》、《我们现在怎样做父亲》、《灯下漫笔》、《春末闲谈》、《看镜有感》、《论“费厄泼赖”应该缓行》等，分别论及封建贞节与孝道观念、妇女地位、国民性、传统文化的吃人本质、现实战斗的原则等问题，显示出作者坚定的反封建立场与深刻的现实批判精神。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_30.jpg">
</div>
</li>
<li>
<h5 class="media-title">《呐喊》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说集。鲁迅著。1923年北京新潮社初版。收入1918—1922年间所作的十五篇小说、一篇《自序》。1930年1月第13次印刷时，作者抽去《不周山》。集中收入《狂人日记》、《孔乙己》、《药》、《风波》、《故乡》、《阿Q正传》等作品。小说从各个侧面反映了辛亥革命以来中国的社会生活，具有鲜明的反封建色彩。作品以其思想上的深刻性在五四时期堪称独步，对“五四”以来的中国启蒙运动产生了长远的影响；同时也是中国现代小说最早最成熟的作品之一，不仅在文体上确立了叙事文学的典范样式，而且具有强烈的批判精神和鲜明的个人特色。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_32.jpg">
</div>
</li>
<li>
<h5 class="media-title">《古小说钩沉》</h5>
<div class="media">
<div class="media-body">
<p>古小说总集名。鲁迅辑录。古小说散佚很多，辑者从古代类书及其他著作中广为搜录，自先秦迄隋，共得三十六种。收罗宏富，并加校勘，是研究古小说的重要资料。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_34.jpg">
</div>
</li>
<li>
<h5 class="media-title">《汉文学史纲要》</h5>
<div class="media">
<div class="media-body">
<p>鲁迅著。系作者于1926年在厦门大学讲授中国文学史课程时的讲义，题名《中国文学史略》。生前未正式出版，逝世后始编入《鲁迅全集》。稿成十篇，始于上古，止于汉代司马相如与司马迁。书中贯穿着对封建思想的批判精神，而又对古代作家的历史贡献给予充分的肯定。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_37.jpg">
</div>
</li>
<li>
<h5 class="media-title">《狂人日记》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说。鲁迅作。1918年发表于《新青年》杂志第四卷第五号。为新文学运动中第一篇白话小说。小说以一个精神病患者的日记片断，深刻反省了人性的麻木与残忍，并通过狂人反反复复地研究“吃人”的问题，从历史的角度揭露、抨击封建家族制度和礼教的弊害，发出“救救孩子”的呼号。</p>
<p class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《朝花夕拾》</h5>
<div class="media">
<div class="media-body">
<p>散文集。鲁迅著。1928年北平（今北京）未名社初版收入1926年所作回忆性散文十篇。这些散文在《莽原》杂志上连载时题名为《旧事重提》。其中《阿长与〈山海经〉》和《从百草园到三味书屋》等生动地描画出作者美好的童年岁月；《藤野先生》和《范爱农》等通过记怀师友，也写出了作者人生道路的转折；《二十四孝图》和《狗·猫·鼠》等则针对现实直抒己见，具有辛辣的杂文风格和强烈的批判性。作品采用白描笔法，在平静的叙述中蕴含深长的韵味。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_39.jpg">
</div>
</li>
<li>
<h5 class="media-title">《中国小说史略》</h5>
<div class="media">
<div class="media-body">
<p>书名。鲁迅著。系1920年至1924年作者在北京大学和北京高等师范学校讲授中国小说史时的讲义，题作《小说史大略》。1923年由新潮社印行上卷，次年印行下卷。1925年稍加修改后合订一册，由北新书局印行。1930年又对其中三篇加以修订，遂成定稿。全书二十八篇：第一篇为《史家对于小说之著录及论述》，以后各篇，分论历代小说的内容与技巧，叙述其发展过程与流别，始于神话与传说，讫于清末谴责小说。是中国小说史的开山之作。见解精辟，材料丰富，给中国小说的历史发展作了言简意赅的总结。另附录《中国小说的历史的变迁》一篇，六讲，是作者于1924年7月在西安讲学时的讲稿，最早收入1957年出版的《鲁迅全集》第八卷。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_41.jpg">
</div>
</li>
<li>
<h5 class="media-title">《野草》</h5>
<div class="media">
<div class="media-body">
<p>散文诗集。鲁迅著。1927年北京北新书局初版。收入1924—1926年所作23篇散文诗，书前有题辞一篇。以曲折幽晦的象征表达了20世纪20年代中期作者内心世界的苦闷和对现实社会的抗争。《这样的战士》、《淡淡的血痕中》、《一觉》等篇表达了对现实的失望与愤懑；《影的告别》、《死火》、《墓碣文》等篇描绘了对自我深刻解剖之后的迷茫心境；《希望》、《死后》等篇写出了对未来的疑惧，深刻地表现出作者的人生哲学。语言俏奇瑰丽，意象玄妙奇美。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_44.jpg">
</div>
</li>
<li>
<h5 class="media-title">《唐宋传奇集》</h5>
<div class="media">
<div class="media-body">
<p>传奇小说选集。鲁迅编。八卷。集录唐宋单篇传奇小说四十五篇。取舍上对唐人从宽，宋人较严。选择可靠底本，审慎考订，对明清人汇编古代小说“妄制篇目、改题撰人”的弊病有所匡正。末附《稗边小缀》一卷，辑录有关作家作品资料，说明出处，加以考订，便于参证。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_46.jpg">
</div>
</li>
<li>
<h5 class="media-title">《彷徨》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说集。鲁迅著。1926年北京北新书局初版，收入1924—1925年间所作的11篇小说。集中所收《祝福》、《在酒楼上》、《孤独者》、《伤逝》、《离婚》、《肥皂》等名作，深刻地描绘出当时知识分子精神上的困境，流露了忧郁、愤懑、迷茫的情绪，展露出作者激愤与痛苦的心灵世界。在自我反思的同时，依旧延续了《呐喊》中反封建的主题，尤其是在《祝福》中揭示了像祥林嫂这样的被凌辱被压迫者的麻木的灵魂。在小说结构、心理描写和语言运用上较以前的作品更为成熟。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_49.jpg">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse3">
<span class="btn btn-link">鲁迅主编刊物</span>
</button>
</div>
<div class="collapse" id="collapse3" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">《莽原》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1925年4月在北京创刊。鲁迅主编。初为周刊，附于《京报》发行，后由北京莽原出版社独立出版，北新书局发行，共出三十二期。1926年1月改为半月刊，由未名社印行。主要发表短篇小说、散文和翻译作品。鲁迅的《朝花夕拾》（发表时题作《旧事重提》）等曾发表于此。1927年12月出至第二卷第二十三、二十四期（合刊）停刊，共出四十八期。</p>
<p class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《萌芽月刊》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1930年1月在上海创刊。鲁迅主编。第三期起为中国左翼作家联盟的机关刊物之一。着重介绍无产阶级文艺理论和文学作品。第三期曾辟“三月纪念号”，纪念马克思、恩格斯和巴黎公社，第五期为“五月各节纪念号”，纪念“五一”和“五卅”。1930年5月出至第五期被国民党政府查禁。第六期改名《新地》出版，随即停刊。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_14.jpg">
</div>
</li>
<li>
<h5 class="media-title">《奔流》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1928年6月在上海创刊。鲁迅、郁达夫主编。月刊内容以翻译苏俄和西方文艺理论为主，也刊登创作。出版过易卜生和托尔斯泰诞生百年纪念增刊及《译文专号》。1929年12月停刊，共出十五期。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_16.jpg">
</div>
</li>
<li>
<h5 class="media-title">《译文》</h5>
<div class="media">
<div class="media-body">
<p>1934年9月在上海创刊。前三期由鲁迅主编，后由黄源主编。月刊。它通过翻译介绍苏联文学及其他国家的进步文学作品，突破了国民党政府在文艺战线上的封锁，传播进步文学思想，对推动当时革命文学运动起了一定作用。1935年9月出至第十三期停刊。1936年3月复刊，为新一卷第一期。1937年6月出至新第三卷四期停刊。前后共出刊二十九期。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_18.jpg">
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</c:when>
<c:when test="${vo.word eq '左翼作家联盟'}">
<div class="wrapper-ipad-app-h5">
<p class="text-center">
<img class="img-fluid" src="/static/images/zuoyi_01.jpg">
</p>
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse1">
<span class="btn btn-link">联盟成员</span>
</button>
</div>
<div class="collapse" id="collapse1" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">罗竹风（1911—1996）</h5>
<div class="media">
<div class="media-body">
<p>中国语言学家、宗教学家、出版家、辞书编纂家、杂文家。山东平度人。1931年起参加反帝大同盟和中国左翼作家联盟。1935年毕业于北京大学。1938年加入中国共产党。曾任平度县抗日民主政府县长、山东省教育厅督学主任等。新中国成立后历任山东大学教务长、教授，华东和上海市宗教事务处处长，上海市出版局局长，上海市哲学社会科学学会联合会主席，上海市语言文字工作委员会主任等。是中国语言学会副会长，中国宗教学会副会长。为《汉语大词典》主编、《辞海》常务副主编、《中国大百科全书》总编委兼《宗教卷》主编、《中国新文学大系·杂文卷》（1949—1976）主编等。著述以杂文见长，有文集《行云流水六十秋》等。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">方光焘（1898—1964）</h5>
<div class="media">
<div class="media-body">
<p>中国语言学家、文学家。原名曙先，浙江衢州人。早年留学日本。1921年参加创造社，1931年参加中国左翼作家联盟。1929—1931年在法国里昂大学专攻语言学。历任上海大学、安徽大学、复旦大学、暨南大学、中山大学、中央大学教授。新中国成立后任南京大学教授、中文系主任，兼任江苏省文化局局长、文联主席。1956年加入中国共产党。一生从事语言和文学的教研工作。提倡新文学。对普通语言学和语法理论颇有研究，创汉语语法学的“广义形态说”。有《方光焘语言学论文集》、《语法论稿》等。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">雷恩( Ludwig Renn ) （1889—1979）</h5>
<div class="media">
<div class="media-body">
<p>德国小说家。出身贵族。参加过第一次世界大战。20年代接受马克思主义。1928年参加德国共产党和红色阵线战士同盟。1928—1932年担任无产阶级革命作家联盟书记，出版《左曲线》等刊物。1933年纳粹执政后两次被捕，获释后流亡国外，参加国际纵队，支援西班牙人民。1939年流亡墨西哥，1947年回国。主要作品有小说《战争》、《战后》、《没落的贵族》，青少年读物《特里尼》、《黑人诺比》等。30年代初期曾致电鲁迅，支持中国左翼作家联盟的正义斗争。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《莽原》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1925年4月在北京创刊。鲁迅主编。初为周刊，附于《京报》发行，后由北京莽原出版社独立出版，北新书局发行，共出三十二期。1926年1月改为半月刊，由未名社印行。主要发表短篇小说、散文和翻译作品。鲁迅的《朝花夕拾》（发表时题作《旧事重提》）等曾发表于此。1927年12月出至第二卷第二十三、二十四期（合刊）停刊，共出四十八期。</p>
<p class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">李求实 （1903—1931）</h5>
<div class="media">
<div class="media-body">
<p>湖北武昌（今武汉市武昌区）人，原名国纬，字北平，笔名伟森。武昌高等商业专科学校毕业。1922年加入中国共产党。1923年参加领导京汉铁路工人大罢工。1924年赴莫斯科东方大学学习。次年回国，先后任共青团湖南省委书记、团中央宣传部长，《中国青年》主编。1929年到中共中央宣传部工作，创办《上海报》。曾参加中国左翼作家联盟工作。1931年在上海龙华被国民党反动派杀害。和同时遇害的柔石、殷夫、胡也频、冯铿，合称“左联五烈士”。著有《革命歌集》、《小品文杂感集》等。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">王学文 （1895—1985）</h5>
<div class="media">
<div class="media-body">
<p>中国经济学家。原名守椿，号首春，江苏徐州人。1910年留学日本。1925年京都帝国大学经济学部毕业，后为该校大学院研究生。1927年加入中国共产主义青年团。同年回国，加入中国共产党。1928年参加创造社。先后在上海一些大学讲授马克思主义政治经济学和经济思想史。参与组织中国自由大同盟、中国左翼作家联盟、中国社会科学家联盟等团体。1937年到延安。先后任中共中央文化工作委员会书记、延安中央党校教务主任。1938年任中共中央马列学院副院长兼教导主任。1940年任中央军委总政治部敌工部长兼敌军工作干部学校校长，后任华北财经学院院长、中央马列学院政治经济学教研室主任。是第一、四届全国人大代表，第一届全国政协代表，第二、三届全国政协委员，第四、五届全国政协常委，中科院哲学社会科学部委员。著有《中国经济现状概论》、《近世欧洲经济思想史》、《政治经济学教程绪论》、《王学文〈资本论〉研究文集》等。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">夏征农 （1904—2008）</h5>
<div class="media">
<div class="media-body">
<p>江西丰城人，原名正和，曾用名夏子美、黎夫。1925年考入南京金陵大学，次年加入中国共产党。1927年参加南昌起义。1928年起任复旦大学共青团支部书记，江苏省团委宣传部秘书，《海上青年》杂志主编。1929年被国民党当局逮捕，狱中开始文学创作。次年出狱后，在共青团中央宣传部工作。1933年加入中国左翼作家联盟。抗日战争爆发后，历任新四军军政治部民运部长、中共苏中四地委宣传部长、苏中公学校长、华中建设大学副校长、中共济南市委宣传部长。新中国成立后，历任中共济南市委副书记，中共中央山东分局宣传部长，中共山东省委常委、济南市委书记处书记，中共中央华东局宣传部长，1966年6月被免职。1978年后任复旦大学党委书记，中共上海市委书记，上海市文联、社联主席，中国大百科全书总编辑委员会副主任。是中共八大代表，十二大列席代表，中顾委委员，中共十三大至十七大特邀代表。1978年起任《辞海》第三任主编。2002年任《大辞海》主编。主要著作编入《夏征农文集》。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse2">
<span class="btn btn-link">旗下刊物</span>
</button>
</div>
<div class="collapse" id="collapse2" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">《大众文艺》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1928年9月在上海创刊。郁达夫等编辑。月刊。第二卷第一期起由陶晶孙主编。同卷第四期后改由大众文艺社编辑，成为中国左翼作家联盟机关刊物之一。曾展开文艺大众化问题的讨论，并出“新兴文学专号”（上、下册）介绍各国进步文学情况。1930年6月出至二卷五、六期（合刊）被国民党政府查禁，共出十二期十一册。</p>
<p class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《萌芽月刊》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1930年1月在上海创刊。鲁迅主编。第三期起为中国左翼作家联盟的机关刊物之一。着重介绍无产阶级文艺理论和文学作品。第三期曾辟“三月纪念号”，纪念马克思、恩格斯和巴黎公社，第五期为“五月各节纪念号”，纪念“五一”和“五卅”。1930年5月出至第五期被国民党政府查禁。第六期改名《新地》出版，随即停刊。</p>
<p class="mb-0">
<br>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</c:when>
</c:choose>
</div>
<div class="tab-pane" id="tab2">
<div class="row list-img list-gallery">
......@@ -160,7 +720,7 @@
</div>
</div>
</div>
</div>
</div>
</div>
<div class="album-alert">
<div class="album-swiper swiper-container">
......@@ -181,6 +741,7 @@
</p>
</div>
</footer>
<link rel="stylesheet" href="/static/css/h5.css">
<script>
$(function () {
$('.js-album').click(function () {
......
serverside/cihai-pc/src/main/webapp/static/1-3检索列表.html
......@@ -47,14 +47,6 @@
<a href="#">科技</a>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div>
</div>
</nav>
......
serverside/cihai-pc/src/main/webapp/static/2-1字-语词义.html
......@@ -47,14 +47,6 @@
<a href="#">科技</a>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div>
</div>
</nav>
......
serverside/cihai-pc/src/main/webapp/static/2-3字-百科义.html
......@@ -6,6 +6,7 @@
<meta name="renderer" content="webkit">
<title>搜索</title>
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="js/plugins/vis/vis.min.css">
</head>
<body>
<nav class="navbar navbar-default">
......@@ -47,18 +48,9 @@
<a href="#">科技</a>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="encyclopedia" style="background-image:url(images/word-bg-01.jpg)">
<div class="container">
<div class="content">
......@@ -149,7 +141,7 @@
<div class="sub-tip">象图册（5）</div>
</div>
</div>
<div class="main__bd">
<div class="main__bd main-bakeyi">
<ul class="main-tab js-tab clearfix">
<li class="main-tab-item active">
<a href="#tab1">释义</a>
......@@ -168,67 +160,8 @@
</ul>
<div class="tab-content">
<div class="tab-pane active paraphrase" id="tab1">
<article class="paraphrase-article">
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">1.</span>象牙的省称。</div>
<p class="paraphrase-p">《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">2.</span>形状。</div>
<p class="paraphrase-p">《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">3.</span>模拟。</div>
<p class="paraphrase-p">如:象声;象形。</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">4.</span>现象；表现。</div>
<p class="paraphrase-p">《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">5.</span> 象征。</div>
<p class="paraphrase-p">“《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">6.</span>想象。</div>
<p class="paraphrase-p">《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">7.</span>古代通译南方民族语言的官。</div>
<p class="paraphrase-p">《礼记·王制》:“达其志,通其欲,东方曰寄,南方曰象。”</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">8.</span>古代一种舞的名称。</div>
<p class="paraphrase-p">《礼记·内则》：“成童，舞象，学射御。”</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">9.</span>文章。</div>
<p class="paraphrase-p">指《象辞》、《十翼》的两篇。</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">10.</span>十辉之一。</div>
<p class="paraphrase-p">指《象辞》、《十翼》的两篇。</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<article class="content-detail">
<p>哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</p>
</article>
</div>
<div class="tab-pane" id="tab2">
......@@ -275,6 +208,70 @@
</figure>
</div>
</div>
<div class="tab-pane" id="tab3">
<div class="row list-img list-gallery">
<figure class="col-xs-6">
<a href="temp/xiang.jpg" data-size="202x146">
<img class="img-responsive" src="temp/xiang.jpg">
</a>
</figure>
<figure class="col-xs-6">
<a href="temp/xiang.jpg" data-size="202x146">
<img class="img-responsive" src="temp/xiang.jpg">
</a>
</figure>
<figure class="col-xs-6">
<a href="temp/xiang.jpg" data-size="202x146">
<img class="img-responsive" src="temp/xiang.jpg">
</a>
</figure>
<figure class="col-xs-6">
<a href="temp/xiang.jpg" data-size="202x146">
<img class="img-responsive" src="temp/xiang.jpg">
</a>
</figure>
<figure class="col-xs-6">
<a href="temp/xiang.jpg" data-size="202x146">
<img class="img-responsive" src="temp/xiang.jpg">
</a>
</figure>
<figure class="col-xs-6">
<a href="temp/xiang.jpg" data-size="202x146">
<img class="img-responsive" src="temp/xiang.jpg">
</a>
</figure>
<figure class="col-xs-6">
<a href="temp/xiang.jpg" data-size="202x146">
<img class="img-responsive" src="temp/xiang.jpg">
</a>
</figure>
<figure class="col-xs-6">
<a href="temp/xiang.jpg" data-size="202x146">
<img class="img-responsive" src="temp/xiang.jpg">
</a>
</figure>
</div>
</div>
<div class="tab-pane" id="tab4">
<div class="carousel slide" id="carouselExampleControls" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<div class="atlas-content carousel-item active" id="atlas-0"></div>
<div class="atlas-content carousel-item" id="atlas-1"></div>
<div class="atlas-content carousel-item" id="atlas-2"></div>
<div class="atlas-content carousel-item" id="atlas-3"></div>
<div class="atlas-content carousel-item" id="atlas-4"></div>
<div class="atlas-content carousel-item" id="atlas-5"></div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">上一个</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">下一个</span>
</a>
</div>
</div>
</div>
</div>
<div class="js-top"></div>
......@@ -384,6 +381,7 @@
</footer>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
<script src="js/plugins/vis/vis.min.js"></script>
<script>
$(function() {
$('.js-album').click(function() {
......@@ -437,10 +435,844 @@
$(this).attr('data-clipboard-text', text)
})
// 相册查看
commonApp.photoSwipeFromDom('.list-gallery');
// 图谱
var nodeDatas = [{
atlasNodes: [{
id: 2,
label: '心脏'
},
{
id: 3,
label: '心内膜'
},
{
id: 4,
label: '心肌'
},
{
id: 5,
label: '心脏传导系统'
},
{
id: 6,
label: '心外膜'
},
{
id: 7,
label: '心包'
},
{
id: 8,
label: '心包络'
},
{
id: 9,
label: '围心腔'
},
{
id: 10,
label: '肺'
},
{
id: 11,
label: '肺气肿'
},
{
id: 12,
label: '肺心病'
},
{
id: 13,
label: '心脏压塞'
},
{
id: 14,
label: '心包炎'
},
{
id: 15,
label: '心室颤动'
},
{
id: 16,
label: '心室'
},
{
id: 17,
label: '心房'
},
{
id: 18,
label: '胸心血管外科学'
},
{
id: 19,
label: '心率'
},
{
id: 20,
label: '心力储备'
},
{
id: 21,
label: '心输出量'
},
{
id: 22,
label: '感染性心内膜炎'
},
{
id: 23,
label: '心房扑动'
},
{
id: 24,
label: '中心静脉压'
},
{
id: 25,
label: '心肌炎'
},
{
id: 26,
label: '心肌病'
},
{
id: 27,
label: '心肌梗死'
},
{
id: 28,
label: '心脏传导阻滞'
},
{
id: 29,
label: '心脏起搏器'
},
{
id: 100,
label: '心包摩擦音'
}
],
atlasEdges: [{
from: 2,
to: 3
},
{
from: 2,
to: 4
},
{
from: 2,
to: 16
},
{
from: 2,
to: 17
},
{
from: 2,
to: 18
},
{
from: 2,
to: 19
},
{
from: 3,
to: 7
},
{
from: 3,
to: 22
},
{
from: 7,
to: 8
},
{
from: 8,
to: 9
},
{
from: 9,
to: 10
},
{
from: 10,
to: 11
},
{
from: 4,
to: 5
},
{
from: 4,
to: 26
},
{
from: 4,
to: 27
},
{
from: 4,
to: 21
},
{
from: 4,
to: 25
},
{
from: 4,
to: 20
},
{
from: 5,
to: 28
},
{
from: 28,
to: 29
},
{
from: 5,
to: 6
},
{
from: 7,
to: 13
},
{
from: 7,
to: 14
},
{
from: 7,
to: 100
},
{
from: 17,
to: 23
},
{
from: 17,
to: 24
},
{
from: 16,
to: 15
},
{
from: 11,
to: 12
}
]
},
{
atlasNodes: [{
id: 2,
label: '心脏'
},
{
id: 3,
label: '心力衰竭'
},
{
id: 4,
label: '心瓣膜病'
},
{
id: 5,
label: '先天性心脏病'
},
{
id: 6,
label: '冠心病'
},
{
id: 7,
label: '心导管球囊扩张术'
},
{
id: 8,
label: '强心苷'
},
{
id: 9,
label: '心脏导管检查术'
},
{
id: 10,
label: '心衰'
},
{
id: 11,
label: '心脏内直视手术'
},
{
id: 12,
label: '心脏闭合性损'
},
{
id: 13,
label: '高血压心脏病'
},
{
id: 14,
label: '心音'
},
{
id: 15,
label: '心源性猝死'
},
{
id: 16,
label: '体外循环'
},
{
id: 17,
label: '低温麻醉'
},
{
id: 18,
label: '心脏杂音'
},
{
id: 19,
label: '胎心音'
},
{
id: 20,
label: '心脏按压'
},
{
id: 21,
label: '人工呼吸'
},
{
id: 22,
label: '人工心肺机'
},
{
id: 24,
label: '心音图'
},
{
id: 26,
label: '微创心脏外科手术'
},
{
id: 25,
label: '风湿性心脏病'
}
],
atlasEdges: [{
from: 2,
to: 3
},
{
from: 2,
to: 9
},
{
from: 2,
to: 4
},
{
from: 2,
to: 5
},
{
from: 2,
to: 6
},
{
from: 2,
to: 11
},
{
from: 2,
to: 12
},
{
from: 2,
to: 13
},
{
from: 2,
to: 14
},
{
from: 2,
to: 15
},
{
from: 3,
to: 10
},
{
from: 4,
to: 26
},
{
from: 4,
to: 7
},
{
from: 5,
to: 26
},
{
from: 6,
to: 26
},
{
from: 10,
to: 8
},
{
from: 11,
to: 16
},
{
from: 11,
to: 17
},
{
from: 14,
to: 18
},
{
from: 14,
to: 19
},
{
from: 18,
to: 24
},
{
from: 19,
to: 24
},
{
from: 15,
to: 20
},
{
from: 15,
to: 21
},
{
from: 16,
to: 22
},
{
from: 25,
to: 4
}
]
},
{
atlasNodes: [{
id: 2,
label: '冠心'
},
{
id: 3,
label: '冠状动脉搭桥术'
},
{
id: 4,
label: '冠状动脉'
},
{
id: 5,
label: '冠状动脉造影'
},
{
id: 6,
label: '微创心脏外科手术'
},
{
id: 7,
label: '心绞痛'
},
{
id: 8,
label: '心律失常'
},
{
id: 9,
label: '急性冠状动脉综合征'
},
{
id: 10,
label: '心肌衰竭'
},
{
id: 11,
label: '心源性猝死'
}
],
atlasEdges: [{
from: 2,
to: 3
},
{
from: 2,
to: 6
},
{
from: 2,
to: 11,
label: '病症'
},
{
from: 2,
to: 7
},
{
from: 2,
to: 8
},
{
from: 2,
to: 9
},
{
from: 2,
to: 10
},
{
from: 2,
to: 12
},
{
from: 5,
to: 6
},
{
from: 4,
to: 5
}
]
},
{
atlasNodes: [{
id: 2,
label: '心痛'
},
{
id: 3,
label: '真心痛'
},
{
id: 4,
label: '抗心痛药'
},
{
id: 5,
label: '天王补心丹'
},
{
id: 15,
label: '麝香保心丸'
},
{
id: 6,
label: '消心痛'
},
{
id: 7,
label: '心痛定'
},
{
id: 8,
label: '硝酸异山梨酯'
},
{
id: 9,
label: '硝苯地平'
},
{
id: 11,
label: '虫痛'
},
{
id: 12,
label: '心绞痛'
},
{
id: 13,
label: '心肌梗死'
},
{
id: 14,
label: '胃痛'
}
],
atlasEdges: [{
from: 2,
to: 3
},
{
from: 2,
to: 4
},
{
from: 2,
to: 5
},
{
from: 2,
to: 15
},
{
from: 2,
to: 11
},
{
from: 2,
to: 12
},
{
from: 2,
to: 13
},
{
from: 2,
to: 14
},
{
from: 4,
to: 6
},
{
from: 4,
to: 7
},
{
from: 7,
to: 9
},
{
from: 6,
to: 8
}
]
},
{
atlasNodes: [{
id: 2,
label: '心'
},
{
id: 3,
label: '心律不齐'
},
{
id: 4,
label: '心动过缓'
},
{
id: 5,
label: '心律失常'
},
{
id: 6,
label: '心动周期'
},
{
id: 7,
label: '超声心动图'
},
{
id: 8,
label: '心电图'
},
{
id: 9,
label: '抗心律失常药'
},
{
id: 10,
label: '窦性心律'
},
{
id: 11,
label: '心动过速'
}
],
atlasEdges: [{
from: 2,
to: 3
},
{
from: 2,
to: 6
},
{
from: 2,
to: 10
},
{
from: 2,
to: 8
},
{
from: 3,
to: 4
},
{
from: 3,
to: 5
},
{
from: 3,
to: 11
},
{
from: 5,
to: 9
},
{
from: 6,
to: 7
}
]
},
{
atlasNodes: [{
id: 2,
label: '心病'
},
{
id: 3,
label: '热入心包'
},
{
id: 4,
label: '水气凌心'
},
{
id: 5,
label: '心血虚'
},
{
id: 6,
label: '心心血淤'
},
{
id: 7,
label: '怔忡'
},
{
id: 8,
label: '心悸'
},
{
id: 9,
label: '心阳虚'
},
{
id: 10,
label: '心阴虚'
},
{
id: 11,
label: '盗汗'
}
],
atlasEdges: [{
from: 2,
to: 3
},
{
from: 2,
to: 4
},
{
from: 2,
to: 5
},
{
from: 2,
to: 6
},
{
from: 2,
to: 7
},
{
from: 2,
to: 8
},
{
from: 2,
to: 9
},
{
from: 2,
to: 10
},
{
from: 2,
to: 11
}
]
}
];
function draw(atlasData, index) {
var container = document.getElementById('atlas-' + index);
var data = {
nodes: atlasData[index].atlasNodes,
edges: atlasData[index].atlasEdges
};
var options = {
nodes: {
shape: 'dot',
borderWidth: 2,
color: {
border: '#6faae8',
background: '#ecf6ff',
highlight: {
border: '#6faae8',
background: '#ecf6ff'
}
},
font: {
color: '#000'
}
},
clickToUse: true
};
return new vis.Network(container, data, options);
}
var $carouse = $('#carouselExampleControls'),
newVis = null,
oldVis = null;
$('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
if ($(e.target).text() === '图谱') {
newVis = draw(nodeDatas, 0);
}
}).on('hidden.bs.tab', function(e) {
if ($(e.target).text() === '图谱' && newVis) {
newVis.destroy();
$carouse.carousel(0);
}
});
</script>
$carouse.on('slid.bs.carousel', function(data) {
if (oldVis) oldVis.destroy();
})
.on('slide.bs.carousel', function(data) {
oldVis = newVis;
newVis = draw(nodeDatas, data.to);
})
});
</script>
</body>
</html>
\ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/24.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="encyclopedia" style="background-image:url(images/word-bg-01.jpg)">
<div class="container">
<div class="content">
<div class="row">
<div class="col-xs-17">
<ul class="tab-nav">
<li class="tab-nav-item active">
<a href="2-3字-百科义.html">百科</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-17">
<main class="main">
<div class="word-detail">
<div class="head-intro clearfix">
<div class="word pull-left">象</div>
<div class="voice-box pull-left">
<div class="voice clearfix">
<div class="pull-left py">【xiàng】</div>
<div class="icon" style="background-image:url(icons/voice.png)"></div>
</div>
<div class="sub-name">长鼻目象科哺乳动物</div>
</div>
</div>
<div class="intro-box clearfix">
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">中文学名：</div>
<div class="txt pull-left">象</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">亚纲：</div>
<div class="txt pull-left">真兽亚纲</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">拉丁学名：</div>
<div class="txt pull-left">Elephantidae</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">目：</div>
<div class="txt pull-left">长鼻目</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">别称：</div>
<div class="txt pull-left">大象</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">科：</div>
<div class="txt pull-left">象科</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">界：</div>
<div class="txt pull-left">动物界</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">属：</div>
<div class="txt pull-left">亚洲象属、非洲象属</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">门：</div>
<div class="txt pull-left">脊索动物门</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">种：</div>
<div class="txt pull-left">普通非洲象，非洲森林象，亚洲象</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">亚门：</div>
<div class="txt pull-left">脊椎动物亚门</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">分布区域：</div>
<div class="txt pull-left">非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">纲：</div>
<div class="txt pull-left">哺乳纲</div>
</div>
</div>
<div class="album-box js-album">
<div class="album">
<div class="pic" style="background-image:url(images/album-01.jpg)"></div>
</div>
<div class="sub-tip">象图册（5）</div>
</div>
</div>
<div class="main__bd main-bakeyi">
<ul class="main-tab js-tab clearfix">
<li class="main-tab-item active">
<a href="#tab1">释义</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<div class="st-wrap">
<img src="./images/24.jpg" alt="">
<div class="st-links">
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""> </a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-top"></div>
</main>
</div>
</div>
</div>
</div>
</div>
<div class="album-alert">
<div class="album-swiper swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
</div>
<div class="swiper-pagination"></div>
</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/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
});
});
// 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
serverside/cihai-pc/src/main/webapp/static/css/h5.css 0 → 100644
body{font-size:14px;line-height:22px}.wrapper-ipad-app-h5{padding:2.5rem 2.08rem}.header-main-1{padding-bottom:1.5rem}.header-main-1 .header-main-left{float:left;width:8.33rem}.header-main-1 .header-main-left h1{margin:0 0 5px;padding:0;width:8.33rem;height:8.33rem;border:1px solid #313131;text-align:center;font-size:5.33rem;font-weight:bold;line-height:8.16rem;background:url("../images/bg-tianzige.png") center no-repeat}.header-main-1 .header-main-left h1 span{display:block;width:100%;height:100%;background:transparent center no-repeat;background-size:contain;text-indent:-10000px}.header-main-1 .header-main-left h1 .bg-xiang{background-image:url("../images/bg-xiang.gif")}.header-main-1 .header-main-left .header-main-word-dropdown{width:100%}.header-main-1 .header-main-left .header-main-word-dropdown .btn{width:50%;float:left;padding:0;position:relative;z-index:2;margin-left:-1px;border:1px solid #187bb2;color:#fff;background-color:#187bb2;border-radius:0;font-size:1rem;height:2rem;line-height:1.83rem}.header-main-1 .header-main-left .header-main-word-dropdown .btn:first-child{margin-left:1px}.header-main-1 .header-main-left .header-main-word-dropdown .btn:focus,.header-main-1 .header-main-left .header-main-word-dropdown .btn:active,.header-main-1 .header-main-left .header-main-word-dropdown .btn:focus:active{text-decoration:none}.header-main-1 .header-main-left .header-main-word-dropdown .btn:after{border:none;width:.66rem;height:.5rem;vertical-align:.16rem;background:url("../images/arrow-gray-down-blank.png") center no-repeat;background-size:contain}.header-main-1 .header-main-left .header-main-word-dropdown .btn.collapsed{border:1px solid #313131;z-index:1;background-color:#fff;color:#a8a8a8}.header-main-1 .header-main-left .header-main-word-dropdown .btn.collapsed:after{background-image:url("../images/arrow-gray-down.png")}.header-main-1 .header-main-right{margin-left:9.5rem;font-size:1rem}.header-main-1 .header-main-right .word-read{height:1.66rem;margin-bottom:2.5rem;line-height:1.66rem;font-size:1.16rem}.header-main-1 .header-main-right .word-read span{margin-left:-5px}.header-main-1 .header-main-right .word-read .link .icon-shengyin{position:relative;top:2px}.header-main-1 .header-main-right table>tbody>tr>td{padding:0 1.16rem 0 0}.header-main-1 .header-main-right table>tbody>tr>td strong{font-size:1.5rem;font-weight:normal}.header-main-1 .collapse-wrapper{padding-top:.83rem}.content-detail{font-size:1.16rem;line-height:2}.content-detail .list-paddingleft-2{padding-left:1.16rem}.content-detail .list-paddingleft-2 li{list-style:none;position:relative;font-size:1rem;margin-bottom:1.33rem;color:#a8a8a8}.content-detail .list-paddingleft-2 li:before{content:attr(data-num);position:absolute;left:-1.34rem;top:0;font-size:1rem;color:#a8a8a8;display:inline-block}.content-detail .list-paddingleft-2 li p{line-height:1.5;margin-bottom:.5rem;color:#333}.content-detail .list-paddingleft-2 li p:first-child{margin-bottom:.16rem}.content-detail .list-paddingleft-2 li p a{color:#187bb2}.content-detail .list-paddingleft-2 li p strong{font-size:1.33rem;font-weight:normal}.nav-tabs-main{border-color:#333}.nav-tabs-main .nav-item .nav-link{border-radius:0;padding:0 1.5rem;font-size:1rem;height:2.16rem;line-height:2rem;color:#a8a8a8}.nav-tabs-main .nav-item .nav-link .badge{padding:0.25em 0.4em;font-weight:normal;border-radius:50%}.nav-tabs-main .nav-item .nav-link.active{border-color:#333 #333 #fff;font-weight:bold;color:#187bb2}.header-main-2{position:relative;height:7.5rem}.header-main-2 .header-main-left h1{float:left;margin-right:.83rem;font-size:3.33rem;font-weight:bold}.header-main-2 .header-main-left .header-main-desc h4{font-size:1.16rem;font-weight:bold;color:#187bb2}.header-main-2 .header-main-left .header-main-desc .word-read{padding:.5rem 0 0}.header-main-2 .header-main-left .header-main-desc .word-read span{margin-left:-5px}.header-main-2 .header-main-right{position:absolute;right:0;top:0}.header-main-2 .header-main-right .album{width:7.5rem;height:5.41rem;font-size:1rem;color:#187bb2;text-align:center}.header-main-2 .header-main-right .album:before,.header-main-2 .header-main-right .album:after{content:"";width:7.5rem;height:5.41rem;position:absolute;left:-4px;top:4px;z-index:1;border:1px solid #c7bdae;background-color:#fff}.header-main-2 .header-main-right .album:after{left:-2px;top:2px}.header-main-2 .header-main-right .album a{position:relative;z-index:3}.header-main-2 .header-main-right .album img{margin-bottom:.5rem;width:7.5rem;height:5.41rem}.encyclopedias{padding:.83rem 0 2.5rem;font-size:1.16rem;color:#888;line-height:1.8}.encyclopedias table{width:100%}.encyclopedias table th,.encyclopedias table td{vertical-align:top}.list-img{margin-bottom:1.25rem;margin-left:-10px;margin-right:-10px}.list-img>div{padding-left:10px;padding-right:10px}.relation-word-body{background-color:#f8f8f8}.relation-word-body .relation-word{margin-left:-15px;margin-right:-15px}.relation-word{padding:1.5rem 1.25rem 1.5rem 2rem;background-color:#f8f8f8}.relation-word h4{font-size:1.08rem;font-weight:bold}.relation-word .list-group{position:relative;margin-bottom:1.25rem}.relation-word .list-group .list-group-item{background:transparent;border:none;font-size:1rem;padding:.08rem 0;color:#333}.relation-word .list-group .list-group-item-header{color:#187bb2}.relation-word .list-group .opt{position:absolute;right:0;bottom:-.83rem;z-index:2;padding-left:14px;font-size:1rem;color:#a8a8a8;cursor:pointer}.relation-word .list-group .opt.open:after{transform:rotate(180deg)}.atlas-content{height:600px}.atlas-content .vis-active{box-shadow:none;outline:none}.media-yuci .card{border:none}.media-yuci .card .card-header{padding:0;background-color:#fff;border-bottom-color:#eaeaea}.media-yuci .card .card-header .btn{margin-bottom:-1px;font-size:1.33rem;color:#333;border-radius:0;border-bottom-color:#187bb2;display:block;text-align:left;position:relative}.media-yuci .card .card-header .btn:after{content:"";display:block;position:absolute;left:-2px;bottom:-2px;z-index:1;width:4px;height:4px;border-radius:2px;background-color:#187bb2}.media-yuci .card .card-header button{padding:0;background:none;border:none;box-shadow:none;display:block;width:100%;text-align:left;outline:none}.media-yuci .card .card-header button:before{display:block;content:"";float:right;margin:16px 5px 0 0;width:14px;height:8px;background:url("../images/arrow-gray-down.png") center no-repeat;background-size:cover;transform:rotate(0)}.media-yuci .card .card-header button.collapsed:before{transform:rotate(-90deg)}.media-yuci .card-body{padding:2rem 0 .83rem 0;color:#888}.media-yuci .media-title{font-weight:bold;font-size:1.33rem}.history{background:#f8f8f8 url("../images/bg-history.jpg") left top repeat-x}.history h1{margin-bottom:10px;font-size:2.5rem;font-weight:bold}.history .nav-link{position:relative;font-size:1.16rem;color:#b7b7b7;padding:.83rem 1.33rem;margin:0 .16rem;border-bottom:2px solid transparent}.history .nav-link.active{color:#187bb2;border-bottom-color:#187bb2}.list-history{margin-top:4.16rem;padding:0;list-style:none;display:block;position:relative;font-size:1.16rem;color:#585858;margin-bottom:0}.list-history:before{content:"";position:absolute;display:block;left:50%;top:0;bottom:50px;z-index:1;margin-left:-1px;width:2px;background-color:#e9e9e9}.list-history .time{position:absolute;right:0;z-index:2;margin-right:-30px;width:60px;height:24px;line-height:24px;font-size:1rem;background-color:#187bb2;text-align:center;color:#fff;border-radius:5px}.list-history li{position:relative;padding-bottom:1.16rem;padding-right:3.33rem;margin-right:50%;text-align:right}.list-history li:nth-child(even){padding-right:0;margin-right:0;text-align:left;padding-left:3.33rem;margin-left:50%}.list-history li:nth-child(even) .time{right:0;margin-right:0;left:0;margin-left:-30px}.list-history .end{z-index:2;padding:3rem 0 0 !important;margin:2.5rem 0 0 !important;text-align:center !important;font-size:1rem;color:#adadad;background:url("../images/circle-history.png") center top no-repeat}.list-history .more{z-index:2;padding:3rem 0 0 !important;margin:2.5rem 0 0 !important;text-align:center !important}.list-history .more a{display:inline-block;width:28px;height:28px;background:url("../images/circle-history-more.png") center top no-repeat;background-size:cover;text-indent:-10000px;position:relative;top:-28px}.list-history .more a:hover{opacity:0.8}.carousel-control-prev,.carousel-control-next{width:10%}.list-history-default{margin-top:4.16rem;background:url("../images/history-default.png") top center no-repeat;background-size:contain;height:270px}
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 .search-main{position:absolute;top:40%;width:100%!important;margin-top:-80px}.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{position:absolute;width:100%;left:0;top:60%;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-1.png);background-position:0 0}.wrapper-index .push-main .footer-main .copyright{text-align:left}.wrapper-index .search-main-input-wrapper{float:left;padding:0 6px 4px 0;background:url(../images/bg-search-main-right.png) right 0 no-repeat}.wrapper-index .search-main-input-wrapper .search-main-input-inner{padding:0 0 6px 0;background:url(../images/bg-search-main.png) 4px bottom no-repeat}@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}}
\ 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}
\ 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
......@@ -10,50 +10,19 @@
</head>
<body>
<div class="wrapper-index">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<a class="logo" href="index.html">
<img src="images/logo.png">
</a>
</div>
<div class="navbar-collapse">
<form class="navbar-form clearfix">
<div class="navbar-main-list">
<span class="icon icon-search"></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>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div>
</div>
</nav>
<a class="calendar" href="历史上的今天.html">
<img src="images/calendar2.png" alt="历史上的今天" title="历史上的今天">
</a>
<div class="container-fluid search-main">
<form class="navbar-form clearfix">
<div class="logo-search">
<a>
<img class="img-responsive" src="images/logo-search.png">
</a>
</div>
<div class="search-main-input-wrapper">
<img class="search-main-input-img" src="images/bg-dog.png" alt="">
<div class="search-main-input-inner clearfix">
<div class="form-group input-group-lg">
<input class="form-control" type="text">
......@@ -64,12 +33,9 @@
<div class="icon icon-microphone"></div>
</button>
</div>
<button class="btn btn-inverse btn-lg" type="button">搜索</button>
<button class="btn btn-search btn-lg" type="button"></button>
</div>
</div>
<a class="btn btn-link btn-lg" type="button">搜索助手
<span class="icon icon-help"></span>
</a>
</form>
</div>
<div class="push-main">
......@@ -121,21 +87,9 @@
</div>
<div class="col-lg-7 col-xs-12">
<div class="card">
<div class="card-title">历史上的今天</div>
<div class="card-title">词云</div>
<div class="card-main">
<div class="card-history">
<div class="card-calendar">
<span class="prev">前</span>
<span class="current">2018年1月2日</span>
<img src="images/calendar.png">
<span class="next">后</span>
</div>
<div class="card-history-list">
<div class="card-history-item">2004年1月2日人类第一次进行从彗星核中取样</div>
<div class="card-history-item">2001年1月2日金门与厦门之间 两岸“小三通”首航</div>
<div class="card-history-item">1997年1月2日科菲·安南正式就任联合国秘书长</div>
</div>
</div>
<div class="word"></div>
</div>
</div>
</div>
......@@ -155,5 +109,6 @@
</div>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
<script src="./js/wordcloud2.js"></script>
</body>
</html>
\ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/js/plugins/vis/vis.min.css 0 → 100644
.vis .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-active{box-shadow:0 0 10px #86d5f8}.vis [class*=span]{min-height:0;width:auto}div.vis-configuration{position:relative;display:block;float:left;font-size:12px}div.vis-configuration-wrapper{display:block;width:700px}div.vis-configuration-wrapper::after{clear:both;content:"";display:block}div.vis-configuration.vis-config-option-container{display:block;width:495px;background-color:#fff;border:2px solid #f7f8fa;border-radius:4px;margin-top:20px;left:10px;padding-left:5px}div.vis-configuration.vis-config-button{display:block;width:495px;height:25px;vertical-align:middle;line-height:25px;background-color:#f7f8fa;border:2px solid #ceced0;border-radius:4px;margin-top:20px;left:10px;padding-left:5px;cursor:pointer;margin-bottom:30px}div.vis-configuration.vis-config-button.hover{background-color:#4588e6;border:2px solid #214373;color:#fff}div.vis-configuration.vis-config-item{display:block;float:left;width:495px;height:25px;vertical-align:middle;line-height:25px}div.vis-configuration.vis-config-item.vis-config-s2{left:10px;background-color:#f7f8fa;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s3{left:20px;background-color:#e4e9f0;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s4{left:30px;background-color:#cfd8e6;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-header{font-size:18px;font-weight:700}div.vis-configuration.vis-config-label{width:120px;height:25px;line-height:25px}div.vis-configuration.vis-config-label.vis-config-s3{width:110px}div.vis-configuration.vis-config-label.vis-config-s4{width:100px}div.vis-configuration.vis-config-colorBlock{top:1px;width:30px;height:19px;border:1px solid #444;border-radius:2px;padding:0;margin:0;cursor:pointer}input.vis-configuration.vis-config-checkbox{left:-5px}input.vis-configuration.vis-config-rangeinput{position:relative;top:-5px;width:60px;padding:1px;margin:0;pointer-events:none}input.vis-configuration.vis-config-range{-webkit-appearance:none;border:0 solid #fff;background-color:rgba(0,0,0,0);width:300px;height:20px}input.vis-configuration.vis-config-range::-webkit-slider-runnable-track{width:300px;height:5px;background:#dedede;background:-moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-o-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #14334b;height:17px;width:17px;border-radius:50%;background:#3876c2;background:-moz-linear-gradient(top,#3876c2 0,#385380 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3876c2),color-stop(100%,#385380));background:-webkit-linear-gradient(top,#3876c2 0,#385380 100%);background:-o-linear-gradient(top,#3876c2 0,#385380 100%);background:-ms-linear-gradient(top,#3876c2 0,#385380 100%);background:linear-gradient(to bottom,#3876c2 0,#385380 100%);box-shadow:#111927 0 0 1px 0;margin-top:-7px}input.vis-configuration.vis-config-range:focus{outline:0}input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track{background:#9d9d9d;background:-moz-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#9d9d9d),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-o-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:linear-gradient(to bottom,#9d9d9d 0,#c8c8c8 99%)}input.vis-configuration.vis-config-range::-moz-range-track{width:300px;height:10px;background:#dedede;background:-moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-o-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input.vis-configuration.vis-config-range::-ms-track{width:300px;height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}input.vis-configuration.vis-config-range::-ms-fill-lower{background:#777;border-radius:10px}input.vis-configuration.vis-config-range::-ms-fill-upper{background:#ddd;border-radius:10px}input.vis-configuration.vis-config-range::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:focus::-ms-fill-lower{background:#888}input.vis-configuration.vis-config-range:focus::-ms-fill-upper{background:#ccc}.vis-configuration-popup{position:absolute;background:rgba(57,76,89,.85);border:2px solid #f2faff;line-height:30px;height:30px;width:150px;text-align:center;color:#fff;font-size:14px;border-radius:4px;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.vis-configuration-popup:after,.vis-configuration-popup:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.vis-configuration-popup:after{border-color:rgba(136,183,213,0);border-left-color:rgba(57,76,89,.85);border-width:8px;margin-top:-8px}.vis-configuration-popup:before{border-color:rgba(194,225,245,0);border-left-color:#f2faff;border-width:12px;margin-top:-12px}div.vis-tooltip{position:absolute;visibility:hidden;padding:5px;white-space:nowrap;font-family:verdana;font-size:14px;color:#000;background-color:#f5f4ed;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #808074;box-shadow:3px 3px 10px rgba(0,0,0,.2);pointer-events:none;z-index:5}div.vis-color-picker{position:absolute;top:0;left:30px;margin-top:-140px;margin-left:30px;width:310px;height:444px;z-index:1;padding:10px;border-radius:15px;background-color:#fff;display:none;box-shadow:rgba(0,0,0,.5) 0 0 10px 0}div.vis-color-picker div.vis-arrow{position:absolute;top:147px;left:5px}div.vis-color-picker div.vis-arrow::after,div.vis-color-picker div.vis-arrow::before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.vis-color-picker div.vis-arrow:after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:30px;margin-top:-30px}div.vis-color-picker div.vis-color{position:absolute;width:289px;height:289px;cursor:pointer}div.vis-color-picker div.vis-brightness{position:absolute;top:313px}div.vis-color-picker div.vis-opacity{position:absolute;top:350px}div.vis-color-picker div.vis-selector{position:absolute;top:137px;left:137px;width:15px;height:15px;border-radius:15px;border:1px solid #fff;background:#4c4c4c;background:-moz-linear-gradient(top,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4c4c4c),color-stop(12%,#595959),color-stop(25%,#666),color-stop(39%,#474747),color-stop(50%,#2c2c2c),color-stop(51%,#000),color-stop(60%,#111),color-stop(76%,#2b2b2b),color-stop(91%,#1c1c1c),color-stop(100%,#131313));background:-webkit-linear-gradient(top,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);background:-o-linear-gradient(top,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);background:-ms-linear-gradient(top,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);background:linear-gradient(to bottom,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%)}div.vis-color-picker div.vis-new-color{position:absolute;width:140px;height:20px;border:1px solid rgba(0,0,0,.1);border-radius:5px;top:380px;left:159px;text-align:right;padding-right:2px;font-size:10px;color:rgba(0,0,0,.4);vertical-align:middle;line-height:20px}div.vis-color-picker div.vis-initial-color{position:absolute;width:140px;height:20px;border:1px solid rgba(0,0,0,.1);border-radius:5px;top:380px;left:10px;text-align:left;padding-left:2px;font-size:10px;color:rgba(0,0,0,.4);vertical-align:middle;line-height:20px}div.vis-color-picker div.vis-label{position:absolute;width:300px;left:10px}div.vis-color-picker div.vis-label.vis-brightness{top:300px}div.vis-color-picker div.vis-label.vis-opacity{top:338px}div.vis-color-picker div.vis-button{position:absolute;width:68px;height:25px;border-radius:10px;vertical-align:middle;text-align:center;line-height:25px;top:410px;border:2px solid #d9d9d9;background-color:#f7f7f7;cursor:pointer}div.vis-color-picker div.vis-button.vis-cancel{left:5px}div.vis-color-picker div.vis-button.vis-load{left:82px}div.vis-color-picker div.vis-button.vis-apply{left:159px}div.vis-color-picker div.vis-button.vis-save{left:236px}div.vis-color-picker input.vis-range{width:290px;height:20px}div.vis-network div.vis-manipulation{box-sizing:content-box;border-width:0;border-bottom:1px;border-style:solid;border-color:#d6d9d8;background:#fff;background:-moz-linear-gradient(top,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(48%,#fcfcfc),color-stop(50%,#fafafa),color-stop(100%,#fcfcfc));background:-webkit-linear-gradient(top,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);background:-o-linear-gradient(top,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);background:-ms-linear-gradient(top,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);background:linear-gradient(to bottom,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);padding-top:4px;position:absolute;left:0;top:0;width:100%;height:28px}div.vis-network div.vis-edit-mode{position:absolute;left:0;top:5px;height:30px}div.vis-network div.vis-close{position:absolute;right:0;top:0;width:30px;height:30px;background-position:20px 3px;background-repeat:no-repeat;background-image:url(img/network/cross.png);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.vis-network div.vis-close:hover{opacity:.6}div.vis-network div.vis-edit-mode div.vis-button,div.vis-network div.vis-manipulation div.vis-button{float:left;font-family:verdana;font-size:12px;-moz-border-radius:15px;border-radius:15px;display:inline-block;background-position:0 0;background-repeat:no-repeat;height:24px;margin-left:10px;cursor:pointer;padding:0 8px 0 8px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.vis-network div.vis-manipulation div.vis-button:hover{box-shadow:1px 1px 8px rgba(0,0,0,.2)}div.vis-network div.vis-manipulation div.vis-button:active{box-shadow:1px 1px 8px rgba(0,0,0,.5)}div.vis-network div.vis-manipulation div.vis-button.vis-back{background-image:url(img/network/backIcon.png)}div.vis-network div.vis-manipulation div.vis-button.vis-none:hover{box-shadow:1px 1px 8px transparent;cursor:default}div.vis-network div.vis-manipulation div.vis-button.vis-none:active{box-shadow:1px 1px 8px transparent}div.vis-network div.vis-manipulation div.vis-button.vis-none{padding:0}div.vis-network div.vis-manipulation div.notification{margin:2px;font-weight:700}div.vis-network div.vis-manipulation div.vis-button.vis-add{background-image:url(img/network/addNodeIcon.png)}div.vis-network div.vis-edit-mode div.vis-button.vis-edit,div.vis-network div.vis-manipulation div.vis-button.vis-edit{background-image:url(img/network/editIcon.png)}div.vis-network div.vis-edit-mode div.vis-button.vis-edit.vis-edit-mode{background-color:#fcfcfc;border:1px solid #ccc}div.vis-network div.vis-manipulation div.vis-button.vis-connect{background-image:url(img/network/connectIcon.png)}div.vis-network div.vis-manipulation div.vis-button.vis-delete{background-image:url(img/network/deleteIcon.png)}div.vis-network div.vis-edit-mode div.vis-label,div.vis-network div.vis-manipulation div.vis-label{margin:0 0 0 23px;line-height:25px}div.vis-network div.vis-manipulation div.vis-separator-line{float:left;display:inline-block;width:1px;height:21px;background-color:#bdbdbd;margin:0 7px 0 15px}div.vis-network div.vis-navigation div.vis-button{width:34px;height:34px;-moz-border-radius:17px;border-radius:17px;position:absolute;display:inline-block;background-position:2px 2px;background-repeat:no-repeat;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.vis-network div.vis-navigation div.vis-button:hover{box-shadow:0 0 3px 3px rgba(56,207,21,.3)}div.vis-network div.vis-navigation div.vis-button:active{box-shadow:0 0 1px 3px rgba(56,207,21,.95)}div.vis-network div.vis-navigation div.vis-button.vis-up{background-image:url(img/network/upArrow.png);bottom:50px;left:55px}div.vis-network div.vis-navigation div.vis-button.vis-down{background-image:url(img/network/downArrow.png);bottom:10px;left:55px}div.vis-network div.vis-navigation div.vis-button.vis-left{background-image:url(img/network/leftArrow.png);bottom:10px;left:15px}div.vis-network div.vis-navigation div.vis-button.vis-right{background-image:url(img/network/rightArrow.png);bottom:10px;left:95px}div.vis-network div.vis-navigation div.vis-button.vis-zoomIn{background-image:url(img/network/plus.png);bottom:10px;right:15px}div.vis-network div.vis-navigation div.vis-button.vis-zoomOut{background-image:url(img/network/minus.png);bottom:10px;right:55px}div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends{background-image:url(img/network/zoomExtends.png);bottom:50px;right:15px}.vis-current-time{background-color:#ff7f6e;width:2px;z-index:1;pointer-events:none}.vis-rolling-mode-btn{height:40px;width:40px;position:absolute;top:7px;right:20px;border-radius:50%;font-size:28px;cursor:pointer;opacity:.8;color:#fff;font-weight:700;text-align:center;background:#3876c2}.vis-rolling-mode-btn:before{content:"\26F6"}.vis-rolling-mode-btn:hover{opacity:1}.vis-custom-time{background-color:#6e94ff;width:2px;cursor:move;z-index:1}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal{position:absolute;width:100%;height:0;border-bottom:1px solid}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor{border-color:#e5e5e5}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major{border-color:#bfbfbf}.vis-data-axis .vis-y-axis.vis-major{width:100%;position:absolute;color:#4d4d4d;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-major.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-minor{position:absolute;width:100%;color:#bebebe;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-minor.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title{position:absolute;color:#4d4d4d;white-space:nowrap;bottom:20px;text-align:center}.vis-data-axis .vis-y-axis.vis-title.vis-measure{padding:0;margin:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title.vis-left{bottom:0;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.vis-data-axis .vis-y-axis.vis-title.vis-right{bottom:0;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.vis-legend{background-color:rgba(247,252,255,.65);padding:5px;border:1px solid #b3b3b3;box-shadow:2px 2px 10px rgba(154,154,154,.55)}.vis-legend-text{white-space:nowrap;display:inline-block}.vis-item{position:absolute;color:#1a1a1a;border-color:#97b0f8;border-width:1px;background-color:#d5ddf6;display:inline-block;z-index:1}.vis-item.vis-selected{border-color:#ffc200;background-color:#fff785;z-index:2}.vis-editable.vis-selected{cursor:move}.vis-item.vis-point.vis-selected{background-color:#fff785}.vis-item.vis-box{text-align:center;border-style:solid;border-radius:2px}.vis-item.vis-point{background:0 0}.vis-item.vis-dot{position:absolute;padding:0;border-width:4px;border-style:solid;border-radius:4px}.vis-item.vis-range{border-style:solid;border-radius:2px;box-sizing:border-box}.vis-item.vis-background{border:none;background-color:rgba(213,221,246,.4);box-sizing:border-box;padding:0;margin:0}.vis-item .vis-item-overflow{position:relative;width:100%;height:100%;padding:0;margin:0;overflow:hidden}.vis-item-visible-frame{white-space:nowrap}.vis-item.vis-range .vis-item-content{position:relative;display:inline-block}.vis-item.vis-background .vis-item-content{position:absolute;display:inline-block}.vis-item.vis-line{padding:0;position:absolute;width:0;border-left-width:1px;border-left-style:solid}.vis-item .vis-item-content{white-space:nowrap;box-sizing:border-box;padding:5px}.vis-item .vis-onUpdateTime-tooltip{position:absolute;background:#4f81bd;color:#fff;width:200px;text-align:center;white-space:nowrap;padding:5px;border-radius:1px;transition:.4s;-o-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s}.vis-item .vis-delete,.vis-item .vis-delete-rtl{position:absolute;top:0;width:24px;height:24px;box-sizing:border-box;padding:0 5px;cursor:pointer;-webkit-transition:background .2s linear;-moz-transition:background .2s linear;-ms-transition:background .2s linear;-o-transition:background .2s linear;transition:background .2s linear}.vis-item .vis-delete{right:-24px}.vis-item .vis-delete-rtl{left:-24px}.vis-item .vis-delete-rtl:after,.vis-item .vis-delete:after{content:"\00D7";color:red;font-family:arial,sans-serif;font-size:22px;font-weight:700;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.vis-item .vis-delete-rtl:hover,.vis-item .vis-delete:hover{background:red}.vis-item .vis-delete-rtl:hover:after,.vis-item .vis-delete:hover:after{color:#fff}.vis-item .vis-drag-center{position:absolute;width:100%;height:100%;top:0;left:0;cursor:move}.vis-item.vis-range .vis-drag-left{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;left:-4px;cursor:w-resize}.vis-item.vis-range .vis-drag-right{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;right:-4px;cursor:e-resize}.vis-range.vis-item.vis-readonly .vis-drag-left,.vis-range.vis-item.vis-readonly .vis-drag-right{cursor:auto}.vis-itemset{position:relative;padding:0;margin:0;box-sizing:border-box}.vis-itemset .vis-background,.vis-itemset .vis-foreground{position:absolute;width:100%;height:100%;overflow:visible}.vis-axis{position:absolute;width:100%;height:0;left:0;z-index:1}.vis-foreground .vis-group{position:relative;box-sizing:border-box;border-bottom:1px solid #bfbfbf}.vis-foreground .vis-group:last-child{border-bottom:none}.vis-nesting-group{cursor:pointer}.vis-nested-group{background:#f5f5f5}.vis-label.vis-nesting-group.expanded:before{content:"\25BC"}.vis-label.vis-nesting-group.collapsed-rtl:before{content:"\25C0"}.vis-label.vis-nesting-group.collapsed:before{content:"\25B6"}.vis-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-labelset{position:relative;overflow:hidden;box-sizing:border-box}.vis-labelset .vis-label{position:relative;left:0;top:0;width:100%;color:#4d4d4d;box-sizing:border-box}.vis-labelset .vis-label{border-bottom:1px solid #bfbfbf}.vis-labelset .vis-label.draggable{cursor:pointer}.vis-labelset .vis-label:last-child{border-bottom:none}.vis-labelset .vis-label .vis-inner{display:inline-block;padding:5px}.vis-labelset .vis-label .vis-inner.vis-hidden{padding:0}.vis-panel{position:absolute;padding:0;margin:0;box-sizing:border-box}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right,.vis-panel.vis-top{border:1px #bfbfbf}.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right{border-top-style:solid;border-bottom-style:solid;overflow:hidden}.vis-left.vis-panel.vis-vertical-scroll,.vis-right.vis-panel.vis-vertical-scroll{height:100%;overflow-x:hidden;overflow-y:scroll}.vis-left.vis-panel.vis-vertical-scroll{direction:rtl}.vis-left.vis-panel.vis-vertical-scroll .vis-content{direction:ltr}.vis-right.vis-panel.vis-vertical-scroll{direction:ltr}.vis-right.vis-panel.vis-vertical-scroll .vis-content{direction:rtl}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-top{border-left-style:solid;border-right-style:solid}.vis-background{overflow:hidden}.vis-panel>.vis-content{position:relative}.vis-panel .vis-shadow{position:absolute;width:100%;height:1px;box-shadow:0 0 10px rgba(0,0,0,.8)}.vis-panel .vis-shadow.vis-top{top:-1px;left:0}.vis-panel .vis-shadow.vis-bottom{bottom:-1px;left:0}.vis-graph-group0{fill:#4f81bd;fill-opacity:0;stroke-width:2px;stroke:#4f81bd}.vis-graph-group1{fill:#f79646;fill-opacity:0;stroke-width:2px;stroke:#f79646}.vis-graph-group2{fill:#8c51cf;fill-opacity:0;stroke-width:2px;stroke:#8c51cf}.vis-graph-group3{fill:#75c841;fill-opacity:0;stroke-width:2px;stroke:#75c841}.vis-graph-group4{fill:#ff0100;fill-opacity:0;stroke-width:2px;stroke:#ff0100}.vis-graph-group5{fill:#37d8e6;fill-opacity:0;stroke-width:2px;stroke:#37d8e6}.vis-graph-group6{fill:#042662;fill-opacity:0;stroke-width:2px;stroke:#042662}.vis-graph-group7{fill:#00ff26;fill-opacity:0;stroke-width:2px;stroke:#00ff26}.vis-graph-group8{fill:#f0f;fill-opacity:0;stroke-width:2px;stroke:#f0f}.vis-graph-group9{fill:#8f3938;fill-opacity:0;stroke-width:2px;stroke:#8f3938}.vis-timeline .vis-fill{fill-opacity:.1;stroke:none}.vis-timeline .vis-bar{fill-opacity:.5;stroke-width:1px}.vis-timeline .vis-point{stroke-width:2px;fill-opacity:1}.vis-timeline .vis-legend-background{stroke-width:1px;fill-opacity:.9;fill:#fff;stroke:#c2c2c2}.vis-timeline .vis-outline{stroke-width:1px;fill-opacity:1;fill:#fff;stroke:#e5e5e5}.vis-timeline .vis-icon-fill{fill-opacity:.3;stroke:none}.vis-time-axis{position:relative;overflow:hidden}.vis-time-axis.vis-foreground{top:0;left:0;width:100%}.vis-time-axis.vis-background{position:absolute;top:0;left:0;width:100%;height:100%}.vis-time-axis .vis-text{position:absolute;color:#4d4d4d;padding:3px;overflow:hidden;box-sizing:border-box;white-space:nowrap}.vis-time-axis .vis-text.vis-measure{position:absolute;padding-left:0;padding-right:0;margin-left:0;margin-right:0;visibility:hidden}.vis-time-axis .vis-grid.vis-vertical{position:absolute;border-left:1px solid}.vis-time-axis .vis-grid.vis-vertical-rtl{position:absolute;border-right:1px solid}.vis-time-axis .vis-grid.vis-minor{border-color:#e5e5e5}.vis-time-axis .vis-grid.vis-major{border-color:#bfbfbf}.vis-timeline{position:relative;border:1px solid #bfbfbf;overflow:hidden;padding:0;margin:0;box-sizing:border-box}
\ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/js/plugins/vis/vis.min.js 0 → 100644
This diff could not be displayed because it is too large.
serverside/cihai-pc/src/main/webapp/static/js/vendor.js
This diff could not be displayed because it is too large.
serverside/cihai-pc/src/main/webapp/static/sections/luxun.html 0 → 100644
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0" data-toggle="collapse" data-target="#collapse0"><span class="btn btn-link">鲁迅墓</span></button>
</div>
<div class="collapse in" id="collapse0" data-parent="#accordion">
<div class="card-body">
<div class="media">
<div class="media-body">
<p>在上海市鲁迅公园（原虹口公园）内。鲁迅遗体原葬于上海西郊万国公墓。1956年鲁迅逝世20周年时，迁葬于此，并建鲁迅纪念馆。墓用花岗石构筑，面积1600平方米。墓穴后有壁式墓碑，上刻毛泽东的题词：“鲁迅先生之墓”。墓园中立有鲁迅坐式铜像。为全国重点文物保护单位。</p>
<p class="text-center"><img class="img-fluid" src="images/luxun_03.jpg"/></p>
</div>
</div>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse1"><span class="btn btn-link">鲁迅夫人</span></button>
</div>
<div class="collapse" id="collapse1" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">许广平<small>（1898—1968）</small></h5>
<div class="media">
<div class="media-body">
<p>广东番禺（今广州）人，笔名景宋。鲁迅夫人。1926年毕业于北京女子师范大学。后协助鲁迅工作。在上海参加抗日救亡和爱国民主运动，曾任《民主》周刊编辑。1948年赴东北解放区。1949年出席全国政协第一届全体会议。后任中央人民政府政务院副秘书长、全国人大和全国政协常委、全国妇联副主席、全国文联主席团委员、民进中央副主席。1960年加入中国共产党。著有《欣慰的纪念》。</p>
</div><img class="align-self-start ml-3" src="images/luxun_07.jpg"/>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse2"><span class="btn btn-link">鲁迅胞弟</span></button>
</div>
<div class="collapse" id="collapse2" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">周建人<small>（1888—1984）</small></h5>
<div class="media">
<div class="media-body">
<p>浙江绍兴人，字松寿，又字乔峰。鲁迅胞弟。1920年在北京大学攻读哲学，次年任上海商务印书馆编辑，从事生物学的研究和编译工作。先后在上海大学、神州大学、上海暨南大学、安徽大学任教。1932年参与筹建中国民权保障同盟。后在上海组织马列主义读书会，开展抗日救亡斗争。抗战胜利后，任生活书店、新知书店编辑。1945年12月与马叙伦等在上海发起成立中国民主促进会。1948年加入中国共产党。1949年9月出席全国政协第一届全体会议。后任国家出版总署副署长、高等教育部副部长、浙江省人民政府副主席、浙江省省长、全国人大常委会副委员长、全国政协副主席、民进中央主席、民盟中央常委。是中共第九至十一届中央委员。著有《生物进化浅说》，译有达尔文《物种起源》。</p>
</div><img class="align-self-start ml-3" src="images/luxun_09.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">周作人<small>（1885—1967）</small></h5>
<div class="media">
<div class="media-body">
<p>中国散文家、翻译家。原名櫆寿，字启明，晚年改名遐寿，浙江绍兴人。青年时代留学日本，与兄周树人（鲁迅）一起翻译介绍外国文学。五四运动时任北京大学等校教授，并从事写作。论文《人的文学》、《美文》，新诗《小河》在新文学运动中均有影响。所作散文，风格冲淡朴讷，从容平和。20世纪30年代和林语堂一起鼓吹“闲适幽默”小品。抗战时期曾任伪华北政务委员会教育总署督办。著有《自己的园地》、《雨天的书》、《谈龙集》、《谈虎集》、《瓜豆集》及《中国新文学的源流》等。新中国成立后主要从事翻译工作，译有《日本狂言选》、《伊索寓言》等；著有《鲁迅的故家》、《鲁迅小说中的人物》、《知堂回想录》等。</p>
</div><img class="align-self-start ml-3" src="images/luxun_12.jpg"/>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse4"><span class="btn btn-link">鲁迅著作</span></button>
</div>
<div class="collapse" id="collapse4" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">《鲁迅全集》</h5>
<div class="media">
<div class="media-body">
<p>鲁迅作品的汇集。有四种版本：一是1938年由鲁迅先生纪念委员会编印的二十卷本，收入绝大部分创作、翻译，以及校勘的古籍作品；二是1956年由人民文学出版社出版的十卷本，专收创作、评论、文学史论著和部分书信（翻译和编校的作品另编，如有《鲁迅译文集》十卷），附有注释；三是1981年由人民文学出版社出版的十六卷本，包括除译文与校勘的古籍外全部作品，还有书信、日记，并附有新的注释。四是2005年由人民文学出版社出版的十八卷本，此版在1981年版的基础上修订，补入了新搜集到的佚文佚信，并对1981年版的注释作了增补和修改。此外，1947年还曾出版《鲁迅三十年集》，收创作及文学史方面的编著辑录共二十九种，三十册。鲁迅的著作真实、深刻地反映了中国近代、现代人民革命斗争的历史，也记录了他思想发展变化的历程。</p>
<p class="text-center"><img src="images/luxun_20.jpg"/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《阿Q正传》</h5>
<div class="media">
<div class="media-body">
<p>中篇小说。鲁迅著。1921年12月4日至1922年2月12日，用巴人笔名陆续发表于北京《晨报副刊》。后收入《呐喊》。作品以辛亥革命前后的中国农村为背景，塑造了阿Q这一艺术典型，表达了作者对阿Q“哀其不幸，怒其不争”的态度和力图唤醒农民的觉悟、促使他们起来革命的愿望。小说后半部分写了辛亥革命以后阿Q从不理解革命到向往革命的心理发展，以及被诬为盗贼而遭杀害的悲惨结局，揭示出中国农民阶级中所蕴藏的革命因素和消极因素，总结了辛亥革命不彻底的沉痛教训。</p>
</div><img class="align-self-start ml-3" src="images/luxun_24.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《故事新编》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说集。鲁迅著。1936年上海文化生活出版社初版。收入1922—1935年创作的八篇历史小说，序一篇。小说均取材于中国古代的历史与传说，但并不拘泥于材料，而是在刻画古代人物的同时，融入了强烈的现实批判精神和鲜明的主观色彩。如《铸剑》、《奔月》所抒写的是作者在现实斗争与个人际遇中的迷惘与孤愤；《采薇》、《出关》、《起死》以幽默的笔调对虚无主义思想进行批判；《非攻》、《理水》歌颂了“中国的脊梁”式的英雄人物墨子和大禹，表达了作者对现实社会的批判和对未来的期望。</p>
</div><img class="align-self-start ml-3" src="images/luxun_27.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《坟》</h5>
<div class="media">
<div class="media-body">
<p>杂文集。鲁迅著。1927年北京未名社初版。收入1907—1925年所作的23篇论文与杂文，书前有《题记》，书后有跋《写在后面》。其中《人之历史》、《科学史教篇》、《文化偏至论》和《摩罗诗力说》是早年留学日本时所作的文言论文，通过评介西方学术文化，表达了作者早期对中国思想革命的独立见解，深刻地揭示了封建文化自身的诸种问题。其余文章写于新文化运动兴起之后。《我之节烈观》、《我们现在怎样做父亲》、《灯下漫笔》、《春末闲谈》、《看镜有感》、《论“费厄泼赖”应该缓行》等，分别论及封建贞节与孝道观念、妇女地位、国民性、传统文化的吃人本质、现实战斗的原则等问题，显示出作者坚定的反封建立场与深刻的现实批判精神。</p>
</div><img class="align-self-start ml-3" src="images/luxun_30.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《呐喊》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说集。鲁迅著。1923年北京新潮社初版。收入1918—1922年间所作的十五篇小说、一篇《自序》。1930年1月第13次印刷时，作者抽去《不周山》。集中收入《狂人日记》、《孔乙己》、《药》、《风波》、《故乡》、《阿Q正传》等作品。小说从各个侧面反映了辛亥革命以来中国的社会生活，具有鲜明的反封建色彩。作品以其思想上的深刻性在五四时期堪称独步，对“五四”以来的中国启蒙运动产生了长远的影响；同时也是中国现代小说最早最成熟的作品之一，不仅在文体上确立了叙事文学的典范样式，而且具有强烈的批判精神和鲜明的个人特色。</p>
</div><img class="align-self-start ml-3" src="images/luxun_32.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《古小说钩沉》</h5>
<div class="media">
<div class="media-body">
<p>古小说总集名。鲁迅辑录。古小说散佚很多，辑者从古代类书及其他著作中广为搜录，自先秦迄隋，共得三十六种。收罗宏富，并加校勘，是研究古小说的重要资料。</p>
</div><img class="align-self-start ml-3" src="images/luxun_34.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《汉文学史纲要》</h5>
<div class="media">
<div class="media-body">
<p>鲁迅著。系作者于1926年在厦门大学讲授中国文学史课程时的讲义，题名《中国文学史略》。生前未正式出版，逝世后始编入《鲁迅全集》。稿成十篇，始于上古，止于汉代司马相如与司马迁。书中贯穿着对封建思想的批判精神，而又对古代作家的历史贡献给予充分的肯定。</p>
</div><img class="align-self-start ml-3" src="images/luxun_37.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《狂人日记》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说。鲁迅作。1918年发表于《新青年》杂志第四卷第五号。为新文学运动中第一篇白话小说。小说以一个精神病患者的日记片断，深刻反省了人性的麻木与残忍，并通过狂人反反复复地研究“吃人”的问题，从历史的角度揭露、抨击封建家族制度和礼教的弊害，发出“救救孩子”的呼号。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《朝花夕拾》</h5>
<div class="media">
<div class="media-body">
<p>散文集。鲁迅著。1928年北平（今北京）未名社初版收入1926年所作回忆性散文十篇。这些散文在《莽原》杂志上连载时题名为《旧事重提》。其中《阿长与〈山海经〉》和《从百草园到三味书屋》等生动地描画出作者美好的童年岁月；《藤野先生》和《范爱农》等通过记怀师友，也写出了作者人生道路的转折；《二十四孝图》和《狗·猫·鼠》等则针对现实直抒己见，具有辛辣的杂文风格和强烈的批判性。作品采用白描笔法，在平静的叙述中蕴含深长的韵味。</p>
</div><img class="align-self-start ml-3" src="images/luxun_39.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《中国小说史略》</h5>
<div class="media">
<div class="media-body">
<p>书名。鲁迅著。系1920年至1924年作者在北京大学和北京高等师范学校讲授中国小说史时的讲义，题作《小说史大略》。1923年由新潮社印行上卷，次年印行下卷。1925年稍加修改后合订一册，由北新书局印行。1930年又对其中三篇加以修订，遂成定稿。全书二十八篇：第一篇为《史家对于小说之著录及论述》，以后各篇，分论历代小说的内容与技巧，叙述其发展过程与流别，始于神话与传说，讫于清末谴责小说。是中国小说史的开山之作。见解精辟，材料丰富，给中国小说的历史发展作了言简意赅的总结。另附录《中国小说的历史的变迁》一篇，六讲，是作者于1924年7月在西安讲学时的讲稿，最早收入1957年出版的《鲁迅全集》第八卷。</p>
</div><img class="align-self-start ml-3" src="images/luxun_41.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《野草》</h5>
<div class="media">
<div class="media-body">
<p>散文诗集。鲁迅著。1927年北京北新书局初版。收入1924—1926年所作23篇散文诗，书前有题辞一篇。以曲折幽晦的象征表达了20世纪20年代中期作者内心世界的苦闷和对现实社会的抗争。《这样的战士》、《淡淡的血痕中》、《一觉》等篇表达了对现实的失望与愤懑；《影的告别》、《死火》、《墓碣文》等篇描绘了对自我深刻解剖之后的迷茫心境；《希望》、《死后》等篇写出了对未来的疑惧，深刻地表现出作者的人生哲学。语言俏奇瑰丽，意象玄妙奇美。</p>
</div><img class="align-self-start ml-3" src="images/luxun_44.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《唐宋传奇集》</h5>
<div class="media">
<div class="media-body">
<p>传奇小说选集。鲁迅编。八卷。集录唐宋单篇传奇小说四十五篇。取舍上对唐人从宽，宋人较严。选择可靠底本，审慎考订，对明清人汇编古代小说“妄制篇目、改题撰人”的弊病有所匡正。末附《稗边小缀》一卷，辑录有关作家作品资料，说明出处，加以考订，便于参证。</p>
</div><img class="align-self-start ml-3" src="images/luxun_46.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《彷徨》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说集。鲁迅著。1926年北京北新书局初版，收入1924—1925年间所作的11篇小说。集中所收《祝福》、《在酒楼上》、《孤独者》、《伤逝》、《离婚》、《肥皂》等名作，深刻地描绘出当时知识分子精神上的困境，流露了忧郁、愤懑、迷茫的情绪，展露出作者激愤与痛苦的心灵世界。在自我反思的同时，依旧延续了《呐喊》中反封建的主题，尤其是在《祝福》中揭示了像祥林嫂这样的被凌辱被压迫者的麻木的灵魂。在小说结构、心理描写和语言运用上较以前的作品更为成熟。</p>
</div><img class="align-self-start ml-3" src="images/luxun_49.jpg"/>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse3"><span class="btn btn-link">鲁迅主编刊物</span></button>
</div>
<div class="collapse" id="collapse3" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">《莽原》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1925年4月在北京创刊。鲁迅主编。初为周刊，附于《京报》发行，后由北京莽原出版社独立出版，北新书局发行，共出三十二期。1926年1月改为半月刊，由未名社印行。主要发表短篇小说、散文和翻译作品。鲁迅的《朝花夕拾》（发表时题作《旧事重提》）等曾发表于此。1927年12月出至第二卷第二十三、二十四期（合刊）停刊，共出四十八期。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《萌芽月刊》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1930年1月在上海创刊。鲁迅主编。第三期起为中国左翼作家联盟的机关刊物之一。着重介绍无产阶级文艺理论和文学作品。第三期曾辟“三月纪念号”，纪念马克思、恩格斯和巴黎公社，第五期为“五月各节纪念号”，纪念“五一”和“五卅”。1930年5月出至第五期被国民党政府查禁。第六期改名《新地》出版，随即停刊。</p>
</div><img class="align-self-start ml-3" src="images/luxun_14.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《奔流》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1928年6月在上海创刊。鲁迅、郁达夫主编。月刊内容以翻译苏俄和西方文艺理论为主，也刊登创作。出版过易卜生和托尔斯泰诞生百年纪念增刊及《译文专号》。1929年12月停刊，共出十五期。</p>
</div><img class="align-self-start ml-3" src="images/luxun_16.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">《译文》</h5>
<div class="media">
<div class="media-body">
<p>1934年9月在上海创刊。前三期由鲁迅主编，后由黄源主编。月刊。它通过翻译介绍苏联文学及其他国家的进步文学作品，突破了国民党政府在文艺战线上的封锁，传播进步文学思想，对推动当时革命文学运动起了一定作用。1935年9月出至第十三期停刊。1936年3月复刊，为新一卷第一期。1937年6月出至新第三卷四期停刊。前后共出刊二十九期。</p>
</div><img class="align-self-start ml-3" src="images/luxun_18.jpg"/>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
\ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/sections/taiyangxi.html 0 → 100644
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0" data-toggle="collapse" data-target="#collapse0"><span class="btn btn-link">太阳系成员</span></button>
</div>
<div class="collapse in" id="collapse0" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">太阳</h5>
<div class="media">
<div class="media-body">
<p>亦称“日”。太阳系的中心天体。距地球最近的一颗恒星。地球绕它公转。与地球的平均距离14959.787万千米，直径139.2万千米，为地球的109倍，体积为地球的130万倍，质量为地球的33万倍，平均密度1.41克/厘米3。太阳是一个炽热的气体球，表面有效温度5777开，愈向内部温度愈高，中心1.57×107开。由氢核聚变成氦核的热核反应产生巨大的能量，以辐射的方式，由内部转移到表面，而发射到宇宙空间。肉眼看到的表面层称为“光球”，光球上面是“色球”，最外层称为“日冕”，在色球与日冕间还有一个“色球日冕过渡区”，这几层（区）组成太阳的大气。太阳也在自转，其周期在日面赤道带约25天，两极区约35天。太阳和地球几乎由同样的化学元素组成，但比例有差异。太阳上最丰富的元素是氢，其次是氦，还有碳、氮、氧和各种金属。总体说，太阳是稳定的，但其大气层却处于局部激烈运动中。最明显的是太阳活动区中黑子群的出没、各类日珥的发生、日冕物质抛射和耀斑的出现等。</p>
<p class="text-center"><img class="img-fluid" src="images/taiyangxi_03.jpg"/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">水星</h5>
<div class="media">
<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 class="text-center"><img class="img-fluid" src="images/taiyangxi_07.jpg"/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">金星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“启明星”、“晓星”，又称“长庚星”、“太白星”或“黄昏星”，欧洲称“维纳斯”（罗马神话中的爱和美的女神）。太阳系八颗行星之一。未发现有卫星。按距太阳由近及远的次序为第二颗。与太阳平均距离0.72天文单位，即1.08亿千米。大小与地球相仿，直径比地球小5%，质量为地球的82%，密度为水的5.2倍。轨道接近圆形。公转周期225天，自转周期243天，自转比公转更为缓慢，且自转方向与其他行星相反。行星中与地球最接近的一颗，亮度仅次于日、月。表面覆盖厚云。大气主要成分是二氧化碳。表面温度约480℃。大气压为地球的90倍。表面磁场为地球的千分之一，约1.6×10-8特。也有电离层。表面还有山脉和峡谷。金星上空闪电频繁，每分钟达20多次。</p>
</div><img class="align-self-start ml-3" src="images/taiyangxi_11.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">地球</h5>
<div class="media">
<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>
</div><img class="align-self-start ml-3" src="images/taiyangxi_14.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">火星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“荧惑”；欧洲称“玛尔斯”（罗马神话中的战神）。太阳系八颗行星之一。按距太阳由近及远的次序为第四颗。与太阳平均距离1.52天文单位，即2.28亿千米。赤道直径为地球的53%，质量为地球的11%，密度为水的3.9倍。公转周期687天，自转周期24时37分。赤道面与轨道面的交角为23°59′，与黄赤交角相近，所以火星也有四季，每季约长6个月。大气稀薄，大气压只有地球的0.6倍。主要成分是二氧化碳。表面温度在赤道上白昼高，可达28℃，夜间降至－132℃。白色极冠是水冰和干冰。表面有火山和沙漠，还发现有河床、水道和流域地形等，说明火星曾有大量的水，地表下有大量的水资源。为此，火星生命现象长期受到人们的关注。有两颗小卫星。</p>
</div><img class="align-self-start ml-3" src="images/taiyangxi_16.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">木星</h5>
<div class="media">
<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>
</div><img class="align-self-start ml-3" src="images/taiyangxi_18.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">土星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“填星”、“镇星”；欧洲称“萨特恩”（罗马神话中的农神）。太阳系八颗行星之一。按距太阳由近及远的次序为第六颗。与太阳平均距离9.54天文单位，即14.27亿千米。赤道直径为地球的9.42倍，质量约为地球的95.2倍，密度只有水的70%。公转周期29.46年，自转周期10时14分，形状很扁。表面的云雾带比木星的更规则，但不显著。大气层很厚，主要成分是甲烷和少量的氨。土星上空闪电频繁。表面最高温度约－150℃。有磁场（强度为地球的1000倍）和辐射带。有卫星50颗，其中14颗为不规则卫星。还有明显的光环环缝。</p>
</div><img class="align-self-start ml-3" src="images/taiyangxi_21.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">天王星</h5>
<div class="media">
<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>
</div><img class="align-self-start ml-3" src="images/taiyangxi_24.jpg"/>
</div>
</li>
<li>
<h5 class="media-title">海王星</h5>
<div class="media">
<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>
</div><img class="align-self-start ml-3" src="images/taiyangxi_27.jpg"/>
</div>
</li>
<li>
<div class="media">
<div class="media-body">
<p>一年中地球绕太阳运行到二十四个规定位置（即视太阳黄经度每隔15°为一个节气）上的日期。其划分源于中国黄河流域。各节气分别冠以反映自然气候特点的名称。当视太阳在黄经90°阳光直射北回归线时，北半球昼最长，夜最短，称“夏至”；在黄经270°阳光直射南回归线时，北半球昼最短，夜最长，称“冬至”；当视太阳在黄经0°和180°阳光两次直射赤道时，昼夜平分，分别称“春分”和“秋分”。上述的“二至”“二分”，春秋时代已由圭表测日影长短法确立。战国末期，又在春分-夏至-秋分-冬至-春分之间，黄经每隔45°各增一个节气，分别为立夏、立秋、立冬、立春，即“四立”。秦汉时，随农业生产发展，又分别在这八个节气之间，黄经各隔15°增加两个节气。至此，以不违农时为中心，反映一年四季变迁，雨、露、霜、雪等气候变化和物候特征的“二十四节气”已完全确立，成为农事活动主要依据。中国幅员辽阔，在同一节气各地气候变化不一，农事活动也有差异。西汉刘安《淮南子·天文》中已有完整二十四节气的最早记载。汉武帝太初元年（公元前104年）实施的《太初历》首次将“二十四节气”订入历法。二十四节气的阳历日期基本固定，一般仅相差1天。二十四节气的名称、黄经和日期（根据2000—2100年年历表查算）见上页表。</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
\ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/sections/zuoyi.html 0 → 100644
<div class="wrapper-ipad-app-h5">
<p class="text-center"><img class="img-fluid" src="images/zuoyi_01.jpg"/></p>
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse1"><span class="btn btn-link">联盟成员</span></button>
</div>
<div class="collapse" id="collapse1" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">罗竹风（1911—1996）</h5>
<div class="media">
<div class="media-body">
<p>中国语言学家、宗教学家、出版家、辞书编纂家、杂文家。山东平度人。1931年起参加反帝大同盟和中国左翼作家联盟。1935年毕业于北京大学。1938年加入中国共产党。曾任平度县抗日民主政府县长、山东省教育厅督学主任等。新中国成立后历任山东大学教务长、教授，华东和上海市宗教事务处处长，上海市出版局局长，上海市哲学社会科学学会联合会主席，上海市语言文字工作委员会主任等。是中国语言学会副会长，中国宗教学会副会长。为《汉语大词典》主编、《辞海》常务副主编、《中国大百科全书》总编委兼《宗教卷》主编、《中国新文学大系·杂文卷》（1949—1976）主编等。著述以杂文见长，有文集《行云流水六十秋》等。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">方光焘（1898—1964）</h5>
<div class="media">
<div class="media-body">
<p>中国语言学家、文学家。原名曙先，浙江衢州人。早年留学日本。1921年参加创造社，1931年参加中国左翼作家联盟。1929—1931年在法国里昂大学专攻语言学。历任上海大学、安徽大学、复旦大学、暨南大学、中山大学、中央大学教授。新中国成立后任南京大学教授、中文系主任，兼任江苏省文化局局长、文联主席。1956年加入中国共产党。一生从事语言和文学的教研工作。提倡新文学。对普通语言学和语法理论颇有研究，创汉语语法学的“广义形态说”。有《方光焘语言学论文集》、《语法论稿》等。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">雷恩( Ludwig Renn ) （1889—1979）</h5>
<div class="media">
<div class="media-body">
<p>德国小说家。出身贵族。参加过第一次世界大战。20年代接受马克思主义。1928年参加德国共产党和红色阵线战士同盟。1928—1932年担任无产阶级革命作家联盟书记，出版《左曲线》等刊物。1933年纳粹执政后两次被捕，获释后流亡国外，参加国际纵队，支援西班牙人民。1939年流亡墨西哥，1947年回国。主要作品有小说《战争》、《战后》、《没落的贵族》，青少年读物《特里尼》、《黑人诺比》等。30年代初期曾致电鲁迅，支持中国左翼作家联盟的正义斗争。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《莽原》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1925年4月在北京创刊。鲁迅主编。初为周刊，附于《京报》发行，后由北京莽原出版社独立出版，北新书局发行，共出三十二期。1926年1月改为半月刊，由未名社印行。主要发表短篇小说、散文和翻译作品。鲁迅的《朝花夕拾》（发表时题作《旧事重提》）等曾发表于此。1927年12月出至第二卷第二十三、二十四期（合刊）停刊，共出四十八期。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">李求实 （1903—1931）</h5>
<div class="media">
<div class="media-body">
<p>湖北武昌（今武汉市武昌区）人，原名国纬，字北平，笔名伟森。武昌高等商业专科学校毕业。1922年加入中国共产党。1923年参加领导京汉铁路工人大罢工。1924年赴莫斯科东方大学学习。次年回国，先后任共青团湖南省委书记、团中央宣传部长，《中国青年》主编。1929年到中共中央宣传部工作，创办《上海报》。曾参加中国左翼作家联盟工作。1931年在上海龙华被国民党反动派杀害。和同时遇害的柔石、殷夫、胡也频、冯铿，合称“左联五烈士”。著有《革命歌集》、《小品文杂感集》等。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">王学文 （1895—1985）</h5>
<div class="media">
<div class="media-body">
<p>中国经济学家。原名守椿，号首春，江苏徐州人。1910年留学日本。1925年京都帝国大学经济学部毕业，后为该校大学院研究生。1927年加入中国共产主义青年团。同年回国，加入中国共产党。1928年参加创造社。先后在上海一些大学讲授马克思主义政治经济学和经济思想史。参与组织中国自由大同盟、中国左翼作家联盟、中国社会科学家联盟等团体。1937年到延安。先后任中共中央文化工作委员会书记、延安中央党校教务主任。1938年任中共中央马列学院副院长兼教导主任。1940年任中央军委总政治部敌工部长兼敌军工作干部学校校长，后任华北财经学院院长、中央马列学院政治经济学教研室主任。是第一、四届全国人大代表，第一届全国政协代表，第二、三届全国政协委员，第四、五届全国政协常委，中科院哲学社会科学部委员。著有《中国经济现状概论》、《近世欧洲经济思想史》、《政治经济学教程绪论》、《王学文〈资本论〉研究文集》等。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">夏征农 （1904—2008）</h5>
<div class="media">
<div class="media-body">
<p>江西丰城人，原名正和，曾用名夏子美、黎夫。1925年考入南京金陵大学，次年加入中国共产党。1927年参加南昌起义。1928年起任复旦大学共青团支部书记，江苏省团委宣传部秘书，《海上青年》杂志主编。1929年被国民党当局逮捕，狱中开始文学创作。次年出狱后，在共青团中央宣传部工作。1933年加入中国左翼作家联盟。抗日战争爆发后，历任新四军军政治部民运部长、中共苏中四地委宣传部长、苏中公学校长、华中建设大学副校长、中共济南市委宣传部长。新中国成立后，历任中共济南市委副书记，中共中央山东分局宣传部长，中共山东省委常委、济南市委书记处书记，中共中央华东局宣传部长，1966年6月被免职。1978年后任复旦大学党委书记，中共上海市委书记，上海市文联、社联主席，中国大百科全书总编辑委员会副主任。是中共八大代表，十二大列席代表，中顾委委员，中共十三大至十七大特邀代表。1978年起任《辞海》第三任主编。2002年任《大辞海》主编。主要著作编入《夏征农文集》。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse2"><span class="btn btn-link">旗下刊物</span></button>
</div>
<div class="collapse" id="collapse2" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">《大众文艺》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1928年9月在上海创刊。郁达夫等编辑。月刊。第二卷第一期起由陶晶孙主编。同卷第四期后改由大众文艺社编辑，成为中国左翼作家联盟机关刊物之一。曾展开文艺大众化问题的讨论，并出“新兴文学专号”（上、下册）介绍各国进步文学情况。1930年6月出至二卷五、六期（合刊）被国民党政府查禁，共出十二期十一册。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《萌芽月刊》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1930年1月在上海创刊。鲁迅主编。第三期起为中国左翼作家联盟的机关刊物之一。着重介绍无产阶级文艺理论和文学作品。第三期曾辟“三月纪念号”，纪念马克思、恩格斯和巴黎公社，第五期为“五月各节纪念号”，纪念“五一”和“五卅”。1930年5月出至第五期被国民党政府查禁。第六期改名《新地》出版，随即停刊。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/历史上的今天.html
......@@ -47,14 +47,6 @@
<a href="#">科技</a>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div>
</div>
</nav>
......
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="encyclopedia" style="background-image:url(images/word-bg-01.jpg)">
<div class="container">
<div class="content">
<div class="row">
<div class="col-xs-17">
<ul class="tab-nav">
<li class="tab-nav-item active">
<a href="2-3字-百科义.html">百科</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-17">
<main class="main">
<div class="word-detail">
<div class="head-intro clearfix">
<div class="word pull-left">象</div>
<div class="voice-box pull-left">
<div class="voice clearfix">
<div class="pull-left py">【xiàng】</div>
<div class="icon" style="background-image:url(icons/voice.png)"></div>
</div>
<div class="sub-name">长鼻目象科哺乳动物</div>
</div>
</div>
<div class="intro-box clearfix">
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">中文学名：</div>
<div class="txt pull-left">象</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">亚纲：</div>
<div class="txt pull-left">真兽亚纲</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">拉丁学名：</div>
<div class="txt pull-left">Elephantidae</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">目：</div>
<div class="txt pull-left">长鼻目</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">别称：</div>
<div class="txt pull-left">大象</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">科：</div>
<div class="txt pull-left">象科</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">界：</div>
<div class="txt pull-left">动物界</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">属：</div>
<div class="txt pull-left">亚洲象属、非洲象属</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">门：</div>
<div class="txt pull-left">脊索动物门</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">种：</div>
<div class="txt pull-left">普通非洲象，非洲森林象，亚洲象</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">亚门：</div>
<div class="txt pull-left">脊椎动物亚门</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">分布区域：</div>
<div class="txt pull-left">非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">纲：</div>
<div class="txt pull-left">哺乳纲</div>
</div>
</div>
<div class="album-box js-album">
<div class="album">
<div class="pic" style="background-image:url(images/album-01.jpg)"></div>
</div>
<div class="sub-tip">象图册（5）</div>
</div>
</div>
<div class="main__bd main-bakeyi">
<ul class="main-tab js-tab clearfix">
<li class="main-tab-item active">
<a href="#tab1">释义</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0" data-toggle="collapse" data-target="#collapse0">
<span class="btn btn-link">太阳系成员</span>
</button>
</div>
<div class="collapse in" id="collapse0" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">太阳</h5>
<div class="media">
<div class="media-body">
<p>亦称“日”。太阳系的中心天体。距地球最近的一颗恒星。地球绕它公转。与地球的平均距离14959.787万千米，直径139.2万千米，为地球的109倍，体积为地球的130万倍，质量为地球的33万倍，平均密度1.41克/厘米3。太阳是一个炽热的气体球，表面有效温度5777开，愈向内部温度愈高，中心1.57×107开。由氢核聚变成氦核的热核反应产生巨大的能量，以辐射的方式，由内部转移到表面，而发射到宇宙空间。肉眼看到的表面层称为“光球”，光球上面是“色球”，最外层称为“日冕”，在色球与日冕间还有一个“色球日冕过渡区”，这几层（区）组成太阳的大气。太阳也在自转，其周期在日面赤道带约25天，两极区约35天。太阳和地球几乎由同样的化学元素组成，但比例有差异。太阳上最丰富的元素是氢，其次是氦，还有碳、氮、氧和各种金属。总体说，太阳是稳定的，但其大气层却处于局部激烈运动中。最明显的是太阳活动区中黑子群的出没、各类日珥的发生、日冕物质抛射和耀斑的出现等。</p>
<p
class="text-center">
<img class="img-fluid" src="images/taiyangxi_03.jpg">
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">水星</h5>
<div class="media">
<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
class="text-center">
<img class="img-fluid" src="images/taiyangxi_07.jpg">
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">金星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“启明星”、“晓星”，又称“长庚星”、“太白星”或“黄昏星”，欧洲称“维纳斯”（罗马神话中的爱和美的女神）。太阳系八颗行星之一。未发现有卫星。按距太阳由近及远的次序为第二颗。与太阳平均距离0.72天文单位，即1.08亿千米。大小与地球相仿，直径比地球小5%，质量为地球的82%，密度为水的5.2倍。轨道接近圆形。公转周期225天，自转周期243天，自转比公转更为缓慢，且自转方向与其他行星相反。行星中与地球最接近的一颗，亮度仅次于日、月。表面覆盖厚云。大气主要成分是二氧化碳。表面温度约480℃。大气压为地球的90倍。表面磁场为地球的千分之一，约1.6×10-8特。也有电离层。表面还有山脉和峡谷。金星上空闪电频繁，每分钟达20多次。</p>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_11.jpg">
</div>
</li>
<li>
<h5 class="media-title">地球</h5>
<div class="media">
<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>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_14.jpg">
</div>
</li>
<li>
<h5 class="media-title">火星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“荧惑”；欧洲称“玛尔斯”（罗马神话中的战神）。太阳系八颗行星之一。按距太阳由近及远的次序为第四颗。与太阳平均距离1.52天文单位，即2.28亿千米。赤道直径为地球的53%，质量为地球的11%，密度为水的3.9倍。公转周期687天，自转周期24时37分。赤道面与轨道面的交角为23°59′，与黄赤交角相近，所以火星也有四季，每季约长6个月。大气稀薄，大气压只有地球的0.6倍。主要成分是二氧化碳。表面温度在赤道上白昼高，可达28℃，夜间降至－132℃。白色极冠是水冰和干冰。表面有火山和沙漠，还发现有河床、水道和流域地形等，说明火星曾有大量的水，地表下有大量的水资源。为此，火星生命现象长期受到人们的关注。有两颗小卫星。</p>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_16.jpg">
</div>
</li>
<li>
<h5 class="media-title">木星</h5>
<div class="media">
<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>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_18.jpg">
</div>
</li>
<li>
<h5 class="media-title">土星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“填星”、“镇星”；欧洲称“萨特恩”（罗马神话中的农神）。太阳系八颗行星之一。按距太阳由近及远的次序为第六颗。与太阳平均距离9.54天文单位，即14.27亿千米。赤道直径为地球的9.42倍，质量约为地球的95.2倍，密度只有水的70%。公转周期29.46年，自转周期10时14分，形状很扁。表面的云雾带比木星的更规则，但不显著。大气层很厚，主要成分是甲烷和少量的氨。土星上空闪电频繁。表面最高温度约－150℃。有磁场（强度为地球的1000倍）和辐射带。有卫星50颗，其中14颗为不规则卫星。还有明显的光环环缝。</p>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_21.jpg">
</div>
</li>
<li>
<h5 class="media-title">天王星</h5>
<div class="media">
<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>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_24.jpg">
</div>
</li>
<li>
<h5 class="media-title">海王星</h5>
<div class="media">
<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>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_27.jpg">
</div>
</li>
<li>
<div class="media">
<div class="media-body">
<p>一年中地球绕太阳运行到二十四个规定位置（即视太阳黄经度每隔15°为一个节气）上的日期。其划分源于中国黄河流域。各节气分别冠以反映自然气候特点的名称。当视太阳在黄经90°阳光直射北回归线时，北半球昼最长，夜最短，称“夏至”；在黄经270°阳光直射南回归线时，北半球昼最短，夜最长，称“冬至”；当视太阳在黄经0°和180°阳光两次直射赤道时，昼夜平分，分别称“春分”和“秋分”。上述的“二至”“二分”，春秋时代已由圭表测日影长短法确立。战国末期，又在春分-夏至-秋分-冬至-春分之间，黄经每隔45°各增一个节气，分别为立夏、立秋、立冬、立春，即“四立”。秦汉时，随农业生产发展，又分别在这八个节气之间，黄经各隔15°增加两个节气。至此，以不违农时为中心，反映一年四季变迁，雨、露、霜、雪等气候变化和物候特征的“二十四节气”已完全确立，成为农事活动主要依据。中国幅员辽阔，在同一节气各地气候变化不一，农事活动也有差异。西汉刘安《淮南子·天文》中已有完整二十四节气的最早记载。汉武帝太初元年（公元前104年）实施的《太初历》首次将“二十四节气”订入历法。二十四节气的阳历日期基本固定，一般仅相差1天。二十四节气的名称、黄经和日期（根据2000—2100年年历表查算）见上页表。</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-top"></div>
</main>
</div>
</div>
</div>
</div>
</div>
<div class="album-alert">
<div class="album-swiper swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
</div>
<div class="swiper-pagination"></div>
</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/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
});
});
// 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
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="encyclopedia" style="background-image:url(images/word-bg-01.jpg)">
<div class="container">
<div class="content">
<div class="row">
<div class="col-xs-17">
<ul class="tab-nav">
<li class="tab-nav-item active">
<a href="2-3字-百科义.html">百科</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-17">
<main class="main">
<div class="word-detail">
<div class="head-intro clearfix">
<div class="word pull-left">象</div>
<div class="voice-box pull-left">
<div class="voice clearfix">
<div class="pull-left py">【xiàng】</div>
<div class="icon" style="background-image:url(icons/voice.png)"></div>
</div>
<div class="sub-name">长鼻目象科哺乳动物</div>
</div>
</div>
<div class="intro-box clearfix">
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">中文学名：</div>
<div class="txt pull-left">象</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">亚纲：</div>
<div class="txt pull-left">真兽亚纲</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">拉丁学名：</div>
<div class="txt pull-left">Elephantidae</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">目：</div>
<div class="txt pull-left">长鼻目</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">别称：</div>
<div class="txt pull-left">大象</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">科：</div>
<div class="txt pull-left">象科</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">界：</div>
<div class="txt pull-left">动物界</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">属：</div>
<div class="txt pull-left">亚洲象属、非洲象属</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">门：</div>
<div class="txt pull-left">脊索动物门</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">种：</div>
<div class="txt pull-left">普通非洲象，非洲森林象，亚洲象</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">亚门：</div>
<div class="txt pull-left">脊椎动物亚门</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">分布区域：</div>
<div class="txt pull-left">非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">纲：</div>
<div class="txt pull-left">哺乳纲</div>
</div>
</div>
<div class="album-box js-album">
<div class="album">
<div class="pic" style="background-image:url(images/album-01.jpg)"></div>
</div>
<div class="sub-tip">象图册（5）</div>
</div>
</div>
<div class="main__bd main-bakeyi">
<ul class="main-tab js-tab clearfix">
<li class="main-tab-item active">
<a href="#tab1">释义</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<div class="wrapper-ipad-app-h5">
<p class="text-center">
<img class="img-fluid" src="images/zuoyi_01.jpg">
</p>
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse1">
<span class="btn btn-link">联盟成员</span>
</button>
</div>
<div class="collapse" id="collapse1" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">罗竹风（1911—1996）</h5>
<div class="media">
<div class="media-body">
<p>中国语言学家、宗教学家、出版家、辞书编纂家、杂文家。山东平度人。1931年起参加反帝大同盟和中国左翼作家联盟。1935年毕业于北京大学。1938年加入中国共产党。曾任平度县抗日民主政府县长、山东省教育厅督学主任等。新中国成立后历任山东大学教务长、教授，华东和上海市宗教事务处处长，上海市出版局局长，上海市哲学社会科学学会联合会主席，上海市语言文字工作委员会主任等。是中国语言学会副会长，中国宗教学会副会长。为《汉语大词典》主编、《辞海》常务副主编、《中国大百科全书》总编委兼《宗教卷》主编、《中国新文学大系·杂文卷》（1949—1976）主编等。著述以杂文见长，有文集《行云流水六十秋》等。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">方光焘（1898—1964）</h5>
<div class="media">
<div class="media-body">
<p>中国语言学家、文学家。原名曙先，浙江衢州人。早年留学日本。1921年参加创造社，1931年参加中国左翼作家联盟。1929—1931年在法国里昂大学专攻语言学。历任上海大学、安徽大学、复旦大学、暨南大学、中山大学、中央大学教授。新中国成立后任南京大学教授、中文系主任，兼任江苏省文化局局长、文联主席。1956年加入中国共产党。一生从事语言和文学的教研工作。提倡新文学。对普通语言学和语法理论颇有研究，创汉语语法学的“广义形态说”。有《方光焘语言学论文集》、《语法论稿》等。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">雷恩( Ludwig Renn ) （1889—1979）</h5>
<div class="media">
<div class="media-body">
<p>德国小说家。出身贵族。参加过第一次世界大战。20年代接受马克思主义。1928年参加德国共产党和红色阵线战士同盟。1928—1932年担任无产阶级革命作家联盟书记，出版《左曲线》等刊物。1933年纳粹执政后两次被捕，获释后流亡国外，参加国际纵队，支援西班牙人民。1939年流亡墨西哥，1947年回国。主要作品有小说《战争》、《战后》、《没落的贵族》，青少年读物《特里尼》、《黑人诺比》等。30年代初期曾致电鲁迅，支持中国左翼作家联盟的正义斗争。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《莽原》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1925年4月在北京创刊。鲁迅主编。初为周刊，附于《京报》发行，后由北京莽原出版社独立出版，北新书局发行，共出三十二期。1926年1月改为半月刊，由未名社印行。主要发表短篇小说、散文和翻译作品。鲁迅的《朝花夕拾》（发表时题作《旧事重提》）等曾发表于此。1927年12月出至第二卷第二十三、二十四期（合刊）停刊，共出四十八期。</p>
<p class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">李求实 （1903—1931）</h5>
<div class="media">
<div class="media-body">
<p>湖北武昌（今武汉市武昌区）人，原名国纬，字北平，笔名伟森。武昌高等商业专科学校毕业。1922年加入中国共产党。1923年参加领导京汉铁路工人大罢工。1924年赴莫斯科东方大学学习。次年回国，先后任共青团湖南省委书记、团中央宣传部长，《中国青年》主编。1929年到中共中央宣传部工作，创办《上海报》。曾参加中国左翼作家联盟工作。1931年在上海龙华被国民党反动派杀害。和同时遇害的柔石、殷夫、胡也频、冯铿，合称“左联五烈士”。著有《革命歌集》、《小品文杂感集》等。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">王学文 （1895—1985）</h5>
<div class="media">
<div class="media-body">
<p>中国经济学家。原名守椿，号首春，江苏徐州人。1910年留学日本。1925年京都帝国大学经济学部毕业，后为该校大学院研究生。1927年加入中国共产主义青年团。同年回国，加入中国共产党。1928年参加创造社。先后在上海一些大学讲授马克思主义政治经济学和经济思想史。参与组织中国自由大同盟、中国左翼作家联盟、中国社会科学家联盟等团体。1937年到延安。先后任中共中央文化工作委员会书记、延安中央党校教务主任。1938年任中共中央马列学院副院长兼教导主任。1940年任中央军委总政治部敌工部长兼敌军工作干部学校校长，后任华北财经学院院长、中央马列学院政治经济学教研室主任。是第一、四届全国人大代表，第一届全国政协代表，第二、三届全国政协委员，第四、五届全国政协常委，中科院哲学社会科学部委员。著有《中国经济现状概论》、《近世欧洲经济思想史》、《政治经济学教程绪论》、《王学文〈资本论〉研究文集》等。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">夏征农 （1904—2008）</h5>
<div class="media">
<div class="media-body">
<p>江西丰城人，原名正和，曾用名夏子美、黎夫。1925年考入南京金陵大学，次年加入中国共产党。1927年参加南昌起义。1928年起任复旦大学共青团支部书记，江苏省团委宣传部秘书，《海上青年》杂志主编。1929年被国民党当局逮捕，狱中开始文学创作。次年出狱后，在共青团中央宣传部工作。1933年加入中国左翼作家联盟。抗日战争爆发后，历任新四军军政治部民运部长、中共苏中四地委宣传部长、苏中公学校长、华中建设大学副校长、中共济南市委宣传部长。新中国成立后，历任中共济南市委副书记，中共中央山东分局宣传部长，中共山东省委常委、济南市委书记处书记，中共中央华东局宣传部长，1966年6月被免职。1978年后任复旦大学党委书记，中共上海市委书记，上海市文联、社联主席，中国大百科全书总编辑委员会副主任。是中共八大代表，十二大列席代表，中顾委委员，中共十三大至十七大特邀代表。1978年起任《辞海》第三任主编。2002年任《大辞海》主编。主要著作编入《夏征农文集》。</p>
<p
class="mb-0">
<br>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse2">
<span class="btn btn-link">旗下刊物</span>
</button>
</div>
<div class="collapse" id="collapse2" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">《大众文艺》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1928年9月在上海创刊。郁达夫等编辑。月刊。第二卷第一期起由陶晶孙主编。同卷第四期后改由大众文艺社编辑，成为中国左翼作家联盟机关刊物之一。曾展开文艺大众化问题的讨论，并出“新兴文学专号”（上、下册）介绍各国进步文学情况。1930年6月出至二卷五、六期（合刊）被国民党政府查禁，共出十二期十一册。</p>
<p class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《萌芽月刊》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1930年1月在上海创刊。鲁迅主编。第三期起为中国左翼作家联盟的机关刊物之一。着重介绍无产阶级文艺理论和文学作品。第三期曾辟“三月纪念号”，纪念马克思、恩格斯和巴黎公社，第五期为“五月各节纪念号”，纪念“五一”和“五卅”。1930年5月出至第五期被国民党政府查禁。第六期改名《新地》出版，随即停刊。</p>
<p class="mb-0">
<br>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-top"></div>
</main>
</div>
</div>
</div>
</div>
</div>
<div class="album-alert">
<div class="album-swiper swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
</div>
<div class="swiper-pagination"></div>
</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/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
});
});
// 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
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">
</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">
<div class="calligraphy" id="calligraphy">
<div class="calligraphy-title">
<div class="text">
<b>象</b>的书法</div>
</div>
<div class="calligraphy-main">
<section class="calligraphy-section">
<div class="calligraphy-section__hd">
<div class="title-base title-primary">【六体书法】</div>
</div>
<div class="calligraphy-section__bd">
<img src="temp/calligraphy1.png">
</div>
</section>
<section class="calligraphy-section">
<div class="calligraphy-section__hd">
<div class="title-base title-primary">【楷书书法】</div>
</div>
<div class="calligraphy-section__bd">
<img src="temp/calligraphy2.png">
</div>
</section>
<section class="calligraphy-section">
<div class="calligraphy-section__hd">
<div class="title-base title-primary">【行书书法】</div>
</div>
<div class="calligraphy-section__bd">
<img src="temp/calligraphy3.png">
</div>
</section>
<section class="calligraphy-section">
<div class="calligraphy-section__hd">
<div class="title-base title-primary">【篆书书法】</div>
</div>
<div class="calligraphy-section__bd">
<img src="temp/calligraphy4.png">
</div>
</section>
<section class="calligraphy-section">
<div class="calligraphy-section__hd">
<div class="title-base title-primary">【隶书书法】</div>
</div>
<div class="calligraphy-section__bd">
<img src="temp/calligraphy5.png">
</div>
</section>
</div>
</div>
<div class="content">
<div class="row">
<div class="col-xs-17">
<ul class="tab-nav">
<li class="tab-nav-item active">
<a href="javascript:;">语词</a>
</li>
<li class="tab-nav-item">
<a href="2-3字-百科义.html">百科</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-17">
<main class="main">
<div class="main__hd">
<div class="character">
<div class="clearfix">
<div class="character__hd">
<div class="character-huge">说</div>
<div class="character-cells">
<div class="character-cell js-origin">字源</div>
<div class="character-cell js-calligraphy">书法</div>
</div>
</div>
<div class="character__bd">
<div class="character-spell">【xiàng】
<div class="character-voice">
<div class="icon icon-voice"></div>
</div>
</div>
<div class="character-info clearfix">
<div class="character-info-cell">
<span class="character-info-label">笔画： </span>
<span class="character-info-num">11</span>
</div>
<div class="character-info-cell">
<span class="character-info-label">部首：</span>
<span class="character-info-value">豕</span>
</div>
<div class="character-info-cell">
<span class="character-info-label">四角号码：</span>
<span class="character-info-value">71220</span>
</div>
<div class="character-info-cell">
<span class="character-info-label">部外：</span>
<span class="character-info-num">4</span>
</div>
<div class="character-info-cell">
<span class="character-info-label">结构：</span>
<span class="character-info-value">上下</span>
</div>
</div>
</div>
</div>
<div class="collapse" id="collapse">
<div class="character-origin clearfix">
<div class="character-origin-item">
<div class="character-origin-image">
<img src="temp/origin1.png">
</div>
<div class="character-origin-desc">甲骨文</div>
</div>
<div class="character-origin-item">
<div class="character-origin-image">
<img src="temp/origin2.png">
</div>
<div class="character-origin-desc">金文</div>
</div>
<div class="character-origin-item">
<div class="character-origin-image">
<img src="temp/origin3.png">
</div>
<div class="character-origin-desc">小篆</div>
</div>
<div class="character-origin-item">
<div class="character-origin-image">
<img src="temp/origin4.png">
</div>
<div class="character-origin-desc">康熙字</div>
</div>
<div class="character-origin-item">
<div class="character-origin-image">
<img src="temp/origin5.png">
</div>
<div class="character-origin-desc">楷体</div>
</div>
</div>
</div>
</div>
</div>
<div class="main__bd">
<ul class="main-tab js-tab clearfix">
<li class="main-tab-item active">
<a href="#tab1">释义</a>
</li>
<li class="main-tab-item">
<a href="#tab2">精简释义</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active paraphrase" id="tab1">
<article class="paraphrase-article">
<ul class="sub-tab js-tab clearfix">
<li class="sub-tab-item active">
<a href="#subtab1">【shuō】</a>
</li>
<li class="sub-tab-item">
<a href="#subtab2">【yuè】</a>
</li>
<li class="sub-tab-item">
<a href="#subtab3">【shuì】</a>
</li>
<li class="sub-tab-item">
<a href="#subtab4">【tuō】</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="subtab1">
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">1.</span>用话来表达意思。</div>
<p class="paraphrase-p">～话。～明。演～。解～。</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">2.</span>介绍。</div>
<p class="paraphrase-p">～合（ａ．从中介绍；ｂ．商议；ｃ．说和。“合”均读轻声）。～媒。</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">3.</span>言论，主张。</div>
<p class="paraphrase-p">学～。著书立～。</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">4.</span>责备。</div>
<p class="paraphrase-p">数～。</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">5.</span>文体的一种，如韩愈的《师说》。</div>
<p class="paraphrase-p"></p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
</div>
<div class="tab-pane" id="subtab2">
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">1.</span>通“悦”。</div>
<p class="paraphrase-p">《左传·僖公三十年》:“秦伯说,与郑人盟。”《论语·学而》:“学而时习之,不亦说乎?”</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
</div>
<div class="tab-pane" id="subtab3">
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">1.</span>用话劝说别人使听从自己的意见。</div>
<p class="paraphrase-p">如:游说。《孟子·尽心下》:“说大人,则藐之。”《史记·淮阴侯列传》:“广武君李左车说成安君。”</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">2.</span>通“税”。休憩;止息。</div>
<p class="paraphrase-p">《诗·召南·甘棠》:“蔽芾甘棠,勿剪勿拜,召伯所说。”孔颖达疏:“说,本或作税。舍也。”</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
</div>
<div class="tab-pane" id="subtab4">
<section class="paraphrase-section js-sec">
<div class="paraphrase-title">
<span class="paraphrase-num">1.</span>通“脱”。解脱。</div>
<p class="paraphrase-p">《易·蒙》:“用说桎梏。”</p>
<a class="paraphrase-btn js-copy" href="#">复制</a>
</section>
</div>
</div>
</article>
</div>
<div class="tab-pane paraphrase-simple" id="tab2">
<ul class="sub-tab js-tab clearfix">
<li class="sub-tab-item active">
<a href="#subtabs1">【shuō】</a>
</li>
<li class="sub-tab-item">
<a href="#subtabs2">【yuè】</a>
</li>
<li class="sub-tab-item">
<a href="#subtabs3">【shuì】</a>
</li>
<li class="sub-tab-item">
<a href="#subtabs4">【tuō】</a>
</li>
</ul>
<div class="paraphrase-simple-cells">
<div class="tab-content">
<div class="tab-pane active" id="subtabs1">
<div class="row">
<div class="col-xs-12">
<div class="paraphrase-simple-cell">
<div class="paraphrase-num">1.</div>
<div class="paraphrase-title">用话来表达意思。</div>
</div>
<div class="paraphrase-simple-cell">
<div class="paraphrase-num">2.</div>
<div class="paraphrase-title">介绍。</div>
</div>
<div class="paraphrase-simple-cell">
<div class="paraphrase-num">3.</div>
<div class="paraphrase-title">言论，主张。</div>
</div>
<div class="paraphrase-simple-cell">
<div class="paraphrase-num">4.</div>
<div class="paraphrase-title">责备。</div>
</div>
<div class="paraphrase-simple-cell">
<div class="paraphrase-num">5.</div>
<div class="paraphrase-title">文体的一种，如韩愈的《师说》。</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="subtabs2">
<div class="row">
<div class="col-xs-12">
<div class="paraphrase-simple-cell">
<div class="paraphrase-num">1.</div>
<div class="paraphrase-title">通“悦”。</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="subtabs3">
<div class="row">
<div class="col-xs-12">
<div class="paraphrase-simple-cell">
<div class="paraphrase-num">1.</div>
<div class="paraphrase-title">用话劝说别人使听从自己的意见。</div>
</div>
<div class="paraphrase-simple-cell">
<div class="paraphrase-num">2.</div>
<div class="paraphrase-title">通“税”。休憩;止息。</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="subtabs4">
<div class="row">
<div class="col-xs-12">
<div class="paraphrase-simple-cell">
<div class="paraphrase-num">1.</div>
<div class="paraphrase-title">通“脱”。解脱。</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-top"></div>
</main>
</div>
<div class="col-xs-7">
<aside class="aside">
<div class="statistics">
<div class="statistics-title title-base">词条统计</div>
<div class="statistics-content">
<div class="statistics-p">
<span class="statistics-label">主 编：</span>
<span class="statistics-value">陈至立</span>
</div>
<div class="statistics-p">
<span class="statistics-label">修订者：</span>
<span class="statistics-value">小王</span>
</div>
<div class="statistics-p">
<span class="statistics-label">修订记录： </span>
<span class="statistics-value">
<span class="text-lg">6</span>次</span>
<a class="statistics-link" href="#">历史版本</a>
</div>
<div class="statistics-p">
<span class="statistics-label">浏览次数： </span>
<span class="statistics-value">
<span class="text-lg">16,223</span> 次</span>
</div>
</div>
</div>
<div class="recommend">
<div class="recommend-title title-base">推荐词</div>
<div class="recommend-section">
<div class="recommend-section-title title-sm title-primary">开头</div>
<div class="recommend-cells">
<span class="recommend-cell">象车</span>
<span class="recommend-cell">象齿焚身</span>
<span class="recommend-cell">象服</span>
<span class="recommend-cell">象罔</span>
<span class="recommend-cell">象物</span>
<span class="recommend-cell">象胥</span>
<span class="recommend-cell">象管</span>
<span class="recommend-cell">象阙</span>
<span class="recommend-cell">象人</span>
<span class="recommend-cell">象魏</span>
<span class="recommend-cell">象贤</span>
</div>
</div>
<div class="recommend-section">
<div class="recommend-section-title title-sm title-primary">包含</div>
<div class="recommend-cells">
<span class="recommend-cell">形象工程</span>
<span class="recommend-cell">形象代言人</span>
<span class="recommend-cell">形象大使</span>
<span class="recommend-cell">万象森罗</span>
<span class="recommend-cell">香象渡河</span>
<span class="recommend-cell">包罗万象</span>
</div>
</div>
<div class="recommend-section">
<div class="recommend-section-title title-sm title-primary">结尾</div>
<div class="recommend-cells">
<span class="recommend-cell">盲人摸象</span>
<span class="recommend-cell">历象</span>
<span class="recommend-cell">蛇吞象</span>
<span class="recommend-cell">罔象</span>
<span class="recommend-cell">现象</span>
<span class="recommend-cell">对象</span>
<span class="recommend-cell">景象</span>
<span class="recommend-cell">气象</span>
<span class="recommend-cell">万象</span>
<span class="recommend-cell">舞象</span>
<span class="recommend-cell">形象</span>
</div>
</div>
</div>
<div class="aside-tag text-primary">标签：语词</div>
</aside>
</div>
</div>
</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>
// 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
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="encyclopedia" style="background-image:url(images/word-bg-01.jpg)">
<div class="container">
<div class="content">
<div class="row">
<div class="col-xs-17">
<ul class="tab-nav">
<li class="tab-nav-item active">
<a href="2-3字-百科义.html">百科</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-17">
<main class="main">
<div class="word-detail">
<div class="head-intro clearfix">
<div class="word pull-left">象</div>
<div class="voice-box pull-left">
<div class="voice clearfix">
<div class="pull-left py">【xiàng】</div>
<div class="icon" style="background-image:url(icons/voice.png)"></div>
</div>
<div class="sub-name">长鼻目象科哺乳动物</div>
</div>
</div>
<div class="intro-box clearfix">
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">中文学名：</div>
<div class="txt pull-left">象</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">亚纲：</div>
<div class="txt pull-left">真兽亚纲</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">拉丁学名：</div>
<div class="txt pull-left">Elephantidae</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">目：</div>
<div class="txt pull-left">长鼻目</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">别称：</div>
<div class="txt pull-left">大象</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">科：</div>
<div class="txt pull-left">象科</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">界：</div>
<div class="txt pull-left">动物界</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">属：</div>
<div class="txt pull-left">亚洲象属、非洲象属</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">门：</div>
<div class="txt pull-left">脊索动物门</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">种：</div>
<div class="txt pull-left">普通非洲象，非洲森林象，亚洲象</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">亚门：</div>
<div class="txt pull-left">脊椎动物亚门</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">分布区域：</div>
<div class="txt pull-left">非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">纲：</div>
<div class="txt pull-left">哺乳纲</div>
</div>
</div>
<div class="album-box js-album">
<div class="album">
<div class="pic" style="background-image:url(images/album-01.jpg)"></div>
</div>
<div class="sub-tip">象图册（5）</div>
</div>
</div>
<div class="main__bd main-bakeyi">
<ul class="main-tab js-tab clearfix">
<li class="main-tab-item active">
<a href="#tab1">释义</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0" data-toggle="collapse" data-target="#collapse0">
<span class="btn btn-link">鲁迅墓</span>
</button>
</div>
<div class="collapse in" id="collapse0" data-parent="#accordion">
<div class="card-body">
<div class="media">
<div class="media-body">
<p>在上海市鲁迅公园（原虹口公园）内。鲁迅遗体原葬于上海西郊万国公墓。1956年鲁迅逝世20周年时，迁葬于此，并建鲁迅纪念馆。墓用花岗石构筑，面积1600平方米。墓穴后有壁式墓碑，上刻毛泽东的题词：“鲁迅先生之墓”。墓园中立有鲁迅坐式铜像。为全国重点文物保护单位。</p>
<p class="text-center">
<img class="img-fluid" src="images/luxun_03.jpg">
</p>
</div>
</div>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse1">
<span class="btn btn-link">鲁迅夫人</span>
</button>
</div>
<div class="collapse" id="collapse1" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">许广平
<small>（1898—1968）</small>
</h5>
<div class="media">
<div class="media-body">
<p>广东番禺（今广州）人，笔名景宋。鲁迅夫人。1926年毕业于北京女子师范大学。后协助鲁迅工作。在上海参加抗日救亡和爱国民主运动，曾任《民主》周刊编辑。1948年赴东北解放区。1949年出席全国政协第一届全体会议。后任中央人民政府政务院副秘书长、全国人大和全国政协常委、全国妇联副主席、全国文联主席团委员、民进中央副主席。1960年加入中国共产党。著有《欣慰的纪念》。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_07.jpg">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse2">
<span class="btn btn-link">鲁迅胞弟</span>
</button>
</div>
<div class="collapse" id="collapse2" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">周建人
<small>（1888—1984）</small>
</h5>
<div class="media">
<div class="media-body">
<p>浙江绍兴人，字松寿，又字乔峰。鲁迅胞弟。1920年在北京大学攻读哲学，次年任上海商务印书馆编辑，从事生物学的研究和编译工作。先后在上海大学、神州大学、上海暨南大学、安徽大学任教。1932年参与筹建中国民权保障同盟。后在上海组织马列主义读书会，开展抗日救亡斗争。抗战胜利后，任生活书店、新知书店编辑。1945年12月与马叙伦等在上海发起成立中国民主促进会。1948年加入中国共产党。1949年9月出席全国政协第一届全体会议。后任国家出版总署副署长、高等教育部副部长、浙江省人民政府副主席、浙江省省长、全国人大常委会副委员长、全国政协副主席、民进中央主席、民盟中央常委。是中共第九至十一届中央委员。著有《生物进化浅说》，译有达尔文《物种起源》。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_09.jpg">
</div>
</li>
<li>
<h5 class="media-title">周作人
<small>（1885—1967）</small>
</h5>
<div class="media">
<div class="media-body">
<p>中国散文家、翻译家。原名櫆寿，字启明，晚年改名遐寿，浙江绍兴人。青年时代留学日本，与兄周树人（鲁迅）一起翻译介绍外国文学。五四运动时任北京大学等校教授，并从事写作。论文《人的文学》、《美文》，新诗《小河》在新文学运动中均有影响。所作散文，风格冲淡朴讷，从容平和。20世纪30年代和林语堂一起鼓吹“闲适幽默”小品。抗战时期曾任伪华北政务委员会教育总署督办。著有《自己的园地》、《雨天的书》、《谈龙集》、《谈虎集》、《瓜豆集》及《中国新文学的源流》等。新中国成立后主要从事翻译工作，译有《日本狂言选》、《伊索寓言》等；著有《鲁迅的故家》、《鲁迅小说中的人物》、《知堂回想录》等。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_12.jpg">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse4">
<span class="btn btn-link">鲁迅著作</span>
</button>
</div>
<div class="collapse" id="collapse4" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">《鲁迅全集》</h5>
<div class="media">
<div class="media-body">
<p>鲁迅作品的汇集。有四种版本：一是1938年由鲁迅先生纪念委员会编印的二十卷本，收入绝大部分创作、翻译，以及校勘的古籍作品；二是1956年由人民文学出版社出版的十卷本，专收创作、评论、文学史论著和部分书信（翻译和编校的作品另编，如有《鲁迅译文集》十卷），附有注释；三是1981年由人民文学出版社出版的十六卷本，包括除译文与校勘的古籍外全部作品，还有书信、日记，并附有新的注释。四是2005年由人民文学出版社出版的十八卷本，此版在1981年版的基础上修订，补入了新搜集到的佚文佚信，并对1981年版的注释作了增补和修改。此外，1947年还曾出版《鲁迅三十年集》，收创作及文学史方面的编著辑录共二十九种，三十册。鲁迅的著作真实、深刻地反映了中国近代、现代人民革命斗争的历史，也记录了他思想发展变化的历程。</p>
<p
class="text-center">
<img src="images/luxun_20.jpg">
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《阿Q正传》</h5>
<div class="media">
<div class="media-body">
<p>中篇小说。鲁迅著。1921年12月4日至1922年2月12日，用巴人笔名陆续发表于北京《晨报副刊》。后收入《呐喊》。作品以辛亥革命前后的中国农村为背景，塑造了阿Q这一艺术典型，表达了作者对阿Q“哀其不幸，怒其不争”的态度和力图唤醒农民的觉悟、促使他们起来革命的愿望。小说后半部分写了辛亥革命以后阿Q从不理解革命到向往革命的心理发展，以及被诬为盗贼而遭杀害的悲惨结局，揭示出中国农民阶级中所蕴藏的革命因素和消极因素，总结了辛亥革命不彻底的沉痛教训。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_24.jpg">
</div>
</li>
<li>
<h5 class="media-title">《故事新编》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说集。鲁迅著。1936年上海文化生活出版社初版。收入1922—1935年创作的八篇历史小说，序一篇。小说均取材于中国古代的历史与传说，但并不拘泥于材料，而是在刻画古代人物的同时，融入了强烈的现实批判精神和鲜明的主观色彩。如《铸剑》、《奔月》所抒写的是作者在现实斗争与个人际遇中的迷惘与孤愤；《采薇》、《出关》、《起死》以幽默的笔调对虚无主义思想进行批判；《非攻》、《理水》歌颂了“中国的脊梁”式的英雄人物墨子和大禹，表达了作者对现实社会的批判和对未来的期望。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_27.jpg">
</div>
</li>
<li>
<h5 class="media-title">《坟》</h5>
<div class="media">
<div class="media-body">
<p>杂文集。鲁迅著。1927年北京未名社初版。收入1907—1925年所作的23篇论文与杂文，书前有《题记》，书后有跋《写在后面》。其中《人之历史》、《科学史教篇》、《文化偏至论》和《摩罗诗力说》是早年留学日本时所作的文言论文，通过评介西方学术文化，表达了作者早期对中国思想革命的独立见解，深刻地揭示了封建文化自身的诸种问题。其余文章写于新文化运动兴起之后。《我之节烈观》、《我们现在怎样做父亲》、《灯下漫笔》、《春末闲谈》、《看镜有感》、《论“费厄泼赖”应该缓行》等，分别论及封建贞节与孝道观念、妇女地位、国民性、传统文化的吃人本质、现实战斗的原则等问题，显示出作者坚定的反封建立场与深刻的现实批判精神。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_30.jpg">
</div>
</li>
<li>
<h5 class="media-title">《呐喊》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说集。鲁迅著。1923年北京新潮社初版。收入1918—1922年间所作的十五篇小说、一篇《自序》。1930年1月第13次印刷时，作者抽去《不周山》。集中收入《狂人日记》、《孔乙己》、《药》、《风波》、《故乡》、《阿Q正传》等作品。小说从各个侧面反映了辛亥革命以来中国的社会生活，具有鲜明的反封建色彩。作品以其思想上的深刻性在五四时期堪称独步，对“五四”以来的中国启蒙运动产生了长远的影响；同时也是中国现代小说最早最成熟的作品之一，不仅在文体上确立了叙事文学的典范样式，而且具有强烈的批判精神和鲜明的个人特色。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_32.jpg">
</div>
</li>
<li>
<h5 class="media-title">《古小说钩沉》</h5>
<div class="media">
<div class="media-body">
<p>古小说总集名。鲁迅辑录。古小说散佚很多，辑者从古代类书及其他著作中广为搜录，自先秦迄隋，共得三十六种。收罗宏富，并加校勘，是研究古小说的重要资料。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_34.jpg">
</div>
</li>
<li>
<h5 class="media-title">《汉文学史纲要》</h5>
<div class="media">
<div class="media-body">
<p>鲁迅著。系作者于1926年在厦门大学讲授中国文学史课程时的讲义，题名《中国文学史略》。生前未正式出版，逝世后始编入《鲁迅全集》。稿成十篇，始于上古，止于汉代司马相如与司马迁。书中贯穿着对封建思想的批判精神，而又对古代作家的历史贡献给予充分的肯定。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_37.jpg">
</div>
</li>
<li>
<h5 class="media-title">《狂人日记》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说。鲁迅作。1918年发表于《新青年》杂志第四卷第五号。为新文学运动中第一篇白话小说。小说以一个精神病患者的日记片断，深刻反省了人性的麻木与残忍，并通过狂人反反复复地研究“吃人”的问题，从历史的角度揭露、抨击封建家族制度和礼教的弊害，发出“救救孩子”的呼号。</p>
<p class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《朝花夕拾》</h5>
<div class="media">
<div class="media-body">
<p>散文集。鲁迅著。1928年北平（今北京）未名社初版收入1926年所作回忆性散文十篇。这些散文在《莽原》杂志上连载时题名为《旧事重提》。其中《阿长与〈山海经〉》和《从百草园到三味书屋》等生动地描画出作者美好的童年岁月；《藤野先生》和《范爱农》等通过记怀师友，也写出了作者人生道路的转折；《二十四孝图》和《狗·猫·鼠》等则针对现实直抒己见，具有辛辣的杂文风格和强烈的批判性。作品采用白描笔法，在平静的叙述中蕴含深长的韵味。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_39.jpg">
</div>
</li>
<li>
<h5 class="media-title">《中国小说史略》</h5>
<div class="media">
<div class="media-body">
<p>书名。鲁迅著。系1920年至1924年作者在北京大学和北京高等师范学校讲授中国小说史时的讲义，题作《小说史大略》。1923年由新潮社印行上卷，次年印行下卷。1925年稍加修改后合订一册，由北新书局印行。1930年又对其中三篇加以修订，遂成定稿。全书二十八篇：第一篇为《史家对于小说之著录及论述》，以后各篇，分论历代小说的内容与技巧，叙述其发展过程与流别，始于神话与传说，讫于清末谴责小说。是中国小说史的开山之作。见解精辟，材料丰富，给中国小说的历史发展作了言简意赅的总结。另附录《中国小说的历史的变迁》一篇，六讲，是作者于1924年7月在西安讲学时的讲稿，最早收入1957年出版的《鲁迅全集》第八卷。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_41.jpg">
</div>
</li>
<li>
<h5 class="media-title">《野草》</h5>
<div class="media">
<div class="media-body">
<p>散文诗集。鲁迅著。1927年北京北新书局初版。收入1924—1926年所作23篇散文诗，书前有题辞一篇。以曲折幽晦的象征表达了20世纪20年代中期作者内心世界的苦闷和对现实社会的抗争。《这样的战士》、《淡淡的血痕中》、《一觉》等篇表达了对现实的失望与愤懑；《影的告别》、《死火》、《墓碣文》等篇描绘了对自我深刻解剖之后的迷茫心境；《希望》、《死后》等篇写出了对未来的疑惧，深刻地表现出作者的人生哲学。语言俏奇瑰丽，意象玄妙奇美。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_44.jpg">
</div>
</li>
<li>
<h5 class="media-title">《唐宋传奇集》</h5>
<div class="media">
<div class="media-body">
<p>传奇小说选集。鲁迅编。八卷。集录唐宋单篇传奇小说四十五篇。取舍上对唐人从宽，宋人较严。选择可靠底本，审慎考订，对明清人汇编古代小说“妄制篇目、改题撰人”的弊病有所匡正。末附《稗边小缀》一卷，辑录有关作家作品资料，说明出处，加以考订，便于参证。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_46.jpg">
</div>
</li>
<li>
<h5 class="media-title">《彷徨》</h5>
<div class="media">
<div class="media-body">
<p>短篇小说集。鲁迅著。1926年北京北新书局初版，收入1924—1925年间所作的11篇小说。集中所收《祝福》、《在酒楼上》、《孤独者》、《伤逝》、《离婚》、《肥皂》等名作，深刻地描绘出当时知识分子精神上的困境，流露了忧郁、愤懑、迷茫的情绪，展露出作者激愤与痛苦的心灵世界。在自我反思的同时，依旧延续了《呐喊》中反封建的主题，尤其是在《祝福》中揭示了像祥林嫂这样的被凌辱被压迫者的麻木的灵魂。在小说结构、心理描写和语言运用上较以前的作品更为成熟。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_49.jpg">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse3">
<span class="btn btn-link">鲁迅主编刊物</span>
</button>
</div>
<div class="collapse" id="collapse3" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">《莽原》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1925年4月在北京创刊。鲁迅主编。初为周刊，附于《京报》发行，后由北京莽原出版社独立出版，北新书局发行，共出三十二期。1926年1月改为半月刊，由未名社印行。主要发表短篇小说、散文和翻译作品。鲁迅的《朝花夕拾》（发表时题作《旧事重提》）等曾发表于此。1927年12月出至第二卷第二十三、二十四期（合刊）停刊，共出四十八期。</p>
<p class="mb-0">
<br>
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《萌芽月刊》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1930年1月在上海创刊。鲁迅主编。第三期起为中国左翼作家联盟的机关刊物之一。着重介绍无产阶级文艺理论和文学作品。第三期曾辟“三月纪念号”，纪念马克思、恩格斯和巴黎公社，第五期为“五月各节纪念号”，纪念“五一”和“五卅”。1930年5月出至第五期被国民党政府查禁。第六期改名《新地》出版，随即停刊。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_14.jpg">
</div>
</li>
<li>
<h5 class="media-title">《奔流》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1928年6月在上海创刊。鲁迅、郁达夫主编。月刊内容以翻译苏俄和西方文艺理论为主，也刊登创作。出版过易卜生和托尔斯泰诞生百年纪念增刊及《译文专号》。1929年12月停刊，共出十五期。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_16.jpg">
</div>
</li>
<li>
<h5 class="media-title">《译文》</h5>
<div class="media">
<div class="media-body">
<p>1934年9月在上海创刊。前三期由鲁迅主编，后由黄源主编。月刊。它通过翻译介绍苏联文学及其他国家的进步文学作品，突破了国民党政府在文艺战线上的封锁，传播进步文学思想，对推动当时革命文学运动起了一定作用。1935年9月出至第十三期停刊。1936年3月复刊，为新一卷第一期。1937年6月出至新第三卷四期停刊。前后共出刊二十九期。</p>
</div>
<img class="align-self-start ml-3" src="images/luxun_18.jpg">
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-top"></div>
</main>
</div>
</div>
</div>
</div>
</div>
<div class="album-alert">
<div class="album-swiper swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
</div>
<div class="swiper-pagination"></div>
</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/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
});
});
// 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
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!