Home Explore Help
Register Sign In
Winter
/
HomePage
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

提交所有首页文件

ZY 7 years ago
parent
701de9093e
commit
94e7f451d7
40 changed files with 484 additions and 0 deletions
Split View Show Diff Stats
  1. 24 0
      club.html
  2. 19 0
      css/club.css
  3. 235 0
      css/index.css
  4. 170 0
      homepage.html
  5. BIN
      imgs/Baidu-icon.png
  6. BIN
      imgs/Footer-banner.png
  7. BIN
      imgs/Modul_eieght-1.png
  8. BIN
      imgs/Modul_five-1.png
  9. BIN
      imgs/Modul_four-1.png
  10. BIN
      imgs/Modul_one-1.png
  11. BIN
      imgs/Modul_one-2.png
  12. BIN
      imgs/Modul_seven-1.png
  13. BIN
      imgs/Modul_six-1.png
  14. BIN
      imgs/Modul_six-2.png
  15. BIN
      imgs/Modul_six-3.png
  16. BIN
      imgs/Modul_three-1.png
  17. BIN
      imgs/Modul_two-1.png
  18. BIN
      imgs/Modul_two-2.png
  19. BIN
      imgs/Modul_two-3.png
  20. BIN
      imgs/Search-camera.png
  21. BIN
      imgs/advertising-one.jpg
  22. BIN
      imgs/advertising-two.png
  23. BIN
      imgs/icon.png
  24. BIN
      imgs/logo.png
  25. BIN
      imgs/rect.png
  26. BIN
      imgs/test.png
  27. BIN
      imgs/百度.png
  28. BIN
      jpg/0封面.jpg
  29. BIN
      jpg/1-2.jpg
  30. BIN
      jpg/11-12.jpg
  31. BIN
      jpg/13-14.jpg
  32. BIN
      jpg/15-16.jpg
  33. BIN
      jpg/17-18.jpg
  34. BIN
      jpg/19-20.jpg
  35. BIN
      jpg/21-22.jpg
  36. BIN
      jpg/3-4.jpg
  37. BIN
      jpg/5-6.jpg
  38. BIN
      jpg/7-8.jpg
  39. BIN
      jpg/9-10.jpg
  40. 36 0
      js/search.js

+ 24 - 0
club.html
View File 

@@ -0,0 +1,24 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>有思俱乐部-思维点亮道路</title>
 
+	<link rel="stylesheet" href="css/club.css">
 
+</head>
 
+<body>
 
+	<div class="bimg">
 
+		<img src="jpg/0封面.jpg">
 
+		<img src="jpg/1-2.jpg">
 
+		<img src="jpg/3-4.jpg">
 
+		<img src="jpg/5-6.jpg">
 
+		<img src="jpg/7-8.jpg">
 
+		<img src="jpg/9-10.jpg">
 
+		<img src="jpg/11-12.jpg">
 
+		<img src="jpg/13-14.jpg">
 
+		<img src="jpg/15-16.jpg">
 
+		<img src="jpg/17-18.jpg">
 
+		<img src="jpg/19-20.jpg">
 
+		<img src="jpg/21-22.jpg">
 
+	</div>
 
+</body>
 
+</html>

+ 19 - 0
css/club.css
View File 

@@ -0,0 +1,19 @@
 
+* {
 
+	margin: 0;
 
+	padding: 0;
 
+}
 
+body {
 
+	margin: 0;
 
+	padding: 0;
 
+}
 
+body,html {
 
+	height: 100%;
 
+}
 
+.bimg {
 
+	width: 1903px;
 
+	height: 100%;
 
+	border: 1px solid red; 
+}
 
+.bimg img {
 
+	float: left;
 
+}

+ 235 - 0
css/index.css
View File 

@@ -0,0 +1,235 @@
 
+@charset "utf-8";
 
+* {
 
+    margin: 0;
 
+    padding: 0;
 
+    font-family: Microsoft YaHei, fontello;
 
+    list-style: none;
 
+}
 
+
 
+body {
 
+    margin: 0;
 
+    padding: 0;
 
+}
 
+
 
+body,
 
+html {
 
+    height: 100%;
 
+}
 
+
 
+a {
 
+    text-decoration: none;
 
+    cursor: pointer;
 
+    color: #333;
 
+}
 
+
 
+input:focus {
 
+    outline: none;
 
+    border: 1px solid #38f
 
+}
 
+
 
+
 
+/* 分割线样式 */
 
+
 
+.Divider {
 
+    height: 1px;
 
+    border: none;
 
+    border-top: 1px solid #cacaca;
 
+}
 
+
 
+
 
+/* 百度搜索图标样式 */
 
+
 
+.Baidu {
 
+    width: 911px;
 
+    height: 125px;
 
+    margin: 0 auto;
 
+    margin-top: 150px;
 
+}
 
+
 
+.Baidu-icon {
 
+    width: 210px;
 
+    height: 69px;
 
+    margin: 0 auto;
 
+}
 
+
 
+
 
+/* 搜索框样式 */
 
+
 
+.Search {
 
+    width: 646px;
 
+    height: 43px;
 
+    position: relative;
 
+    margin: 0 auto;
 
+    margin-top: 15px;
 
+}
 
+
 
+.Search-input {
 
+    width: 537px;
 
+    height: 41px;
 
+    font-size: 14px;
 
+    border: 1px solid #cacaca;
 
+    float: left;
 
+}
 
+
 
+.Search-camera {
 
+    width: 24px;
 
+    height: 24px;
 
+    position: absolute;
 
+    top: 10px;
 
+    left: 507px;
 
+}
 
+
 
+#Search-button {
 
+    width: 107px;
 
+    height: 43px;
 
+    background-color: #3388ff;
 
+    text-align: center;
 
+    font-size: 18px;
 
+    color: white;
 
+    border: 1px solid #3388ff;
 
+    cursor: pointer;
 
+}
 
+
 
+
 
+/* 模块样式 */
 
+
 
+.Modul {
 
+    width: 700px;
 
+    height: 470px;
 
+    margin: 0 auto;
 
+    margin-top: 67px;
 
+    border: 1px solid #e9e9e9;
 
+    overflow: hidden;
 
+}
 
+
 
+.Menu_icon {
 
+    margin: 11px 0 0 20px;
 
+    width: 14px;
 
+    height: 14px;
 
+    background: url(../imgs/icon.png);
 
+}
 
+
 
+.Modul_menu {
 
+    width: 647px;
 
+    height: 38px;
 
+    padding: 12px 25px 0px 25px;
 
+}
 
+
 
+.tips {
 
+    width: 230px;
 
+    height: 10px;
 
+    border-bottom: 1px solid #e9e9e9;
 
+    float: left;
 
+}
 
+
 
+.tips_text {
 
+    float: left;
 
+    font-size: 15px;
 
+    color: rgba(0, 0, 0, .4);
 
+    width: 175px;
 
+    margin-left: 10px;
 
+}
 
+
 
+.tips_text span {
 
+    vertical-align: top;
 
+}
 
+
 
+.tips_icon {
 
+    width: 25px;
 
+    height: 25px;
 
+    background: url(../imgs/logo.png);
 
+    display: inline-block;
 
+}
 
+
 
+.Modul_Dbox {
 
+    width: 650px;
 
+    height: 265px;
 
+    border-bottom: 1px solid #f0f0f0;
 
+    padding: 0px 25px 0px 25px;
 
+}
 
+
 
+.Modul_Dbox h2 {
 
+    font-size: 18px;
 
+    font-family: arial, 'Microsoft Yahei', '微软雅黑';
 
+    padding-top: 20px;
 
+    padding-bottom: 12px;
 
+}
 
+
 
+.Modul_Dbox a:hover {
 
+    text-decoration: underline;
 
+    color: #07f;
 
+}
 
+
 
+.Modul_Dbox p {
 
+    width: 650px;
 
+    font-size: 16px;
 
+    font-weight: normal;
 
+    color: #ababab;
 
+    padding-bottom: 19px;
 
+}
 
+
 
+.Modul_box {
 
+    width: 650px;
 
+    height: 180px;
 
+    border-bottom: 1px solid #f0f0f0;
 
+    padding: 0px 25px 0px 25px;
 
+}
 
+
 
+.Modul_box h2 {
 
+    font-size: 18px;
 
+    font-family: arial, 'Microsoft Yahei', '微软雅黑';
 
+    padding-top: 40px;
 
+    padding-bottom: 12px;
 
+}
 
+
 
+.Modul_box a:hover {
 
+    text-decoration: underline;
 
+    color: #07f;
 
+}
 
+
 
+.Modul_box p {
 
+    width: 440px;
 
+    font-size: 16px;
 
+    font-weight: normal;
 
+    color: #ababab;
 
+    padding-bottom: 19px;
 
+}
 
+
 
+.Modul_text {
 
+    width: 433px;
 
+    height: 92px;
 
+    float: right;
 
+}
 
+
 
+.Modul_img {
 
+    padding: 30px 0;
 
+}
 
+
 
+#more_bar {
 
+    width: 100px;
 
+    height: 45px;
 
+    padding-top: 20px;
 
+    margin: 0 auto;
 
+    cursor: pointer;
 
+    color: #999;
 
+    display: block;
 
+}
 
+
 
+.rect {
 
+    height: 19px;
 
+    width: 34px;
 
+    font-size: 0;
 
+    margin: 10px auto 0 auto;
 
+    border: 0;
 
+    background: url(../imgs/rect.png);
 
+}
 
+
 
+
 
+/* 页脚样式 */
 
+
 
+.Footer-banner {
 
+    width: 650px;
 
+    height: 85px;
 
+    margin: 0 auto;
 
+    margin-top: 20px;
 
+}

+ 170 - 0
homepage.html
View File 

@@ -0,0 +1,170 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <title>有思浏览器1.2</title>
 
+    <link rel="stylesheet" href="css/index.css">
 
+</head>
 
+
 
+<body>
 
+    <!-- 百度 -->
 
+    <div class="Baidu">
 
+        <!-- 百度搜索图标 -->
 
+        <div class="Baidu-icon">
 
+            <img src="imgs/Baidu-icon.png">
 
+        </div>
 
+        <!-- 百度搜索框 -->
 
+        <div class="Search">
 
+            <input type="text" class="Search-input" id="Search-input">
 
+            <img src="imgs/Search-camera.png" class="Search-camera">
 
+            <button id="Search-button">百度一下</button>
 
+        </div>
 
+    </div>
 
+
 
+    <!-- 首页模块 -->
 
+    <div class="Modul" id="Modul">
 
+        <div class="Modul_menu">
 
+            <div class="tips"></div>
 
+            <div class="tips_text">
 
+                <div class="tips_icon"></div>
 
+                <span>有思俱乐部推荐官网</span>
 
+            </div>
 
+            <div class="tips"></div>
 
+        </div>
 
+        <!-- 广告链接 -->
 
+        <a href="https://s.click.taobao.com/t?e=m%3D2%26s%3DLjRbj2B5eQwcQipKwQzePCperVdZeJviK7Vc7tFgwiFRAdhuF14FMYb3BD5ZvmZQt4hWD5k2kjNpkZoesg6H2DLkWy%2FWNDI6qDkzyuS4OqpRZq0jLDZK045N7u7NTPnpvgfyVVUAbkzCbAGjvJeFYhvzeiceWLrTM7kxpdONUAK2ZesAkYM2UrHfv3%2BBYcPWNwAxJV1BCJjfv8uao0UzJXn1uBD%2Fb7nnGSRug48Rl09klOSR7FIvEMYOae24fhW0">
 
+            <img src="imgs/advertising-one.jpg" style="width: 650px;height: 70px;margin: 0 auto;padding: 0px 25px 0px 25px">
 
+        </a>
 
+        <div class="Modul_Dbox">
 
+            <a href="club.html" target="_blank">
 
+                <h2>有思俱乐部-思维点亮道路</h2>
 
+            </a>
 
+            <a href="club.html" target="_blank" style="text-decoration: none">
 
+                <p>俱乐部是以学生主导，教室辅导的学习中心。每位同学都有属于自己的小空间，小小的空间发挥自己的无限才能和天赋。当团队协作时......</p>
 
+                <img src="imgs/Modul_one-1.png">
 
+                <img src="imgs/Modul_one-2.png">
 
+            </a>
 
+        </div>
 
+
 
+        <div class="Modul_Dbox">
 
+            <a href="http://api.1473.cn/" target="_blank">
 
+                <h2>有思学习园地</h2>
 
+            </a>
 
+            <a href="http://api.1473.cn/" target="_blank" style="text-decoration: none">
 
+                <p>有思俱乐部在长期的开发过程中，积累了一些互联网知识，建立此网站的目的是希望同学们能够取长补短，互相学习，共同进步。知识积累需要每个同学的参与......</p>
 
+                <img src="imgs/Modul_two-1.png">
 
+                <img src="imgs/Modul_two-2.png">
 
+                <img src="imgs/Modul_two-3.png">
 
+            </a>
 
+        </div>
 
+
 
+        <div class="Modul_box">
 
+            <a href="http://www.1473.cn" target="_blank">
 
+                <div class="Modul_text">
 
+                    <h2>互联办公平台</h2>
 
+                </div>
 
+            </a>
 
+            <a href="http://www.1473.cn" target="_blank" style="text-decoration: none">
 
+                <div class="Modul_text">
 
+                    <p>随着互联网的发展，生活的信息化，互联网办公逐渐取代了传统的本地办公模式。为了提高办公人员的工作效率...</p>
 
+                </div>
 
+                <div class="Modul_img">
 
+                    <img src="imgs/Modul_three-1.png">
 
+                </div>
 
+            </a>
 
+        </div>
 
+
 
+        <div class="Modul_box">
 
+            <a href="http://dafen.1473.cn/" target="_blank">
 
+                <div class="Modul_text">
 
+                    <h2>四部创建一活动 晚会淘汰赛、技能比赛、大众投票模式正式上线</h2>
 
+                </div>
 
+            </a>
 
+            <a href="http://dafen.1473.cn/" target="_blank" style="text-decoration: none">
 
+                <div class="Modul_text">
 
+                    <p>告别纸质时代，轻松四步就可以创建一场活动，现在注册即可免费创建活动以及体现基础模板功能......</p>
 
+                </div>
 
+                <div class="Modul_img">
 
+                    <img src="imgs/Modul_four-1.png">
 
+                </div>
 
+            </a>
 
+        </div>
 
+        <!-- 广告链接 -->
 
+        <a href="https://s.click.taobao.com/t?e=m%3D2%26s%3DLjRbj2B5eQwcQipKwQzePCperVdZeJviK7Vc7tFgwiFRAdhuF14FMYb3BD5ZvmZQt4hWD5k2kjNpkZoesg6H2DLkWy%2FWNDI6qDkzyuS4OqpRZq0jLDZK045N7u7NTPnpvgfyVVUAbkzCbAGjvJeFYhvzeiceWLrTM7kxpdONUAK2ZesAkYM2UrHfv3%2BBYcPWNwAxJV1BCJjfv8uao0UzJXn1uBD%2Fb7nnGSRug48Rl09klOSR7FIvEMYOae24fhW0">
 
+            <img src="imgs/advertising-two.png" style="width: 650px;height: 122px;margin: 0 auto; padding: 0px 25px 0px 25px">
 
+        </a>
 
+        <div class="Modul_box">
 
+            <a href="http://task.1473.cn/" target="_blank">
 
+                <div class="Modul_text">
 
+                    <h2>有了任务系统，办公更便捷</h2>
 
+                </div>
 
+            </a>
 
+            <a href="http://task.1473.cn/" target="_blank" style="text-decoration: none">
 
+                <div class="Modul_text">
 
+                    <p>一款专门为团队办公设计的一款团队协作平台。任务系统可以将平时会议繁杂的内容、任务汇总在一起，他不仅可以有条不紊地分配工作...</p>
 
+                </div>
 
+                <div class="Modul_img">
 
+                    <img src="imgs/Modul_five-1.png">
 
+                </div>
 
+            </a>
 
+        </div>
 
+
 
+        <div class="Modul_box" style="height: 215px;">
 
+            <a href="http://cloudsql.1473.cn/" target="_blank">
 
+                <h2>极速开发平台</h2>
 
+                <img src="imgs/Modul_six-1.png">
 
+                <img src="imgs/Modul_six-2.png">
 
+                <img src="imgs/Modul_six-3.png">
 
+            </a>
 
+        </div>
 
+
 
+        <div class="Modul_box">
 
+            <a href="http://cms.1473.cn" target="_blank">
 
+                <div class="Modul_text">
 
+                    <h2>CMS快速建站</h2>
 
+                </div>
 
+            </a>
 
+            <a href="http://cms.1473.cn" target="_blank" style="text-decoration: none">
 
+                <div class="Modul_text">
 
+                    <p>本项目可以通过CMS网站一键快速建立论坛。无需注册申请域名，网站提供个性化自定义域名，用户可直接通过域名推广自己的论坛。</p>
 
+                </div>
 
+                <div class="Modul_img">
 
+                    <img src="imgs/Modul_seven-1.png">
 
+                </div>
 
+            </a>
 
+        </div>
 
+
 
+        <div class="Modul_box">
 
+            <a href="http://120.78.172.95:8080/dflc_java/Administrator" target="_blank">
 
+                <div class="Modul_text">
 
+                    <h2>医院后勤管理系统</h2>
 
+                </div>
 
+            </a>
 
+            <a href="http://120.78.172.95:8080/dflc_java/Administrator" target="_blank" style="text-decoration: none">
 
+                <div class="Modul_text">
 
+                    <p>医院后勤信息化系统是为医院内各个不同后勤职工的用户使用，用户间增加信息化交流及提供医院内后期服务的公众平台...</p>
 
+                </div>
 
+                <div class="Modul_img">
 
+                    <img src="imgs/Modul_eieght-1.png">
 
+                </div>
 
+            </a>
 
+        </div>
 
+
 
+
 
+    </div>
 
+    <div id="more_bar" style="visibility: visible;">
 
+        <div class="load_text">滚动查看更多</div>
 
+        <div class="rect">
 
+            <div class="animate-arrow"></div>
 
+        </div>
 
+    </div>
 
+    <!-- 页脚 banner -->
 
+    <div class="Footer-banner">
 
+        <img src="imgs/Footer-banner.png">
 
+    </div>
 
+
 
+    <script type="text/javascript" src="js/search.js"></script>
 
+</body>
 
+
 
+</html>

BIN
imgs/Baidu-icon.png
View File


BIN
imgs/Footer-banner.png
View File


BIN
imgs/Modul_eieght-1.png
View File


BIN
imgs/Modul_five-1.png
View File


BIN
imgs/Modul_four-1.png
View File


BIN
imgs/Modul_one-1.png
View File


BIN
imgs/Modul_one-2.png
View File


BIN
imgs/Modul_seven-1.png
View File


BIN
imgs/Modul_six-1.png
View File


BIN
imgs/Modul_six-2.png
View File


BIN
imgs/Modul_six-3.png
View File


BIN
imgs/Modul_three-1.png
View File


BIN
imgs/Modul_two-1.png
View File


BIN
imgs/Modul_two-2.png
View File


BIN
imgs/Modul_two-3.png
View File


BIN
imgs/Search-camera.png
View File


BIN
imgs/advertising-one.jpg
View File


BIN
imgs/advertising-two.png
View File


BIN
imgs/icon.png
View File


BIN
imgs/logo.png
View File


BIN
imgs/rect.png
View File


BIN
imgs/test.png
View File


BIN
imgs/百度.png
View File


BIN
jpg/0封面.jpg
View File


BIN
jpg/1-2.jpg
View File


BIN
jpg/11-12.jpg
View File


BIN
jpg/13-14.jpg
View File


BIN
jpg/15-16.jpg
View File


BIN
jpg/17-18.jpg
View File


BIN
jpg/19-20.jpg
View File


BIN
jpg/21-22.jpg
View File


BIN
jpg/3-4.jpg
View File


BIN
jpg/5-6.jpg
View File


BIN
jpg/7-8.jpg
View File


BIN
jpg/9-10.jpg
View File


+ 36 - 0
js/search.js
View File 

@@ -0,0 +1,36 @@
 
+// 获取input框
 
+var input_box = document.getElementById("Search-input");
 
+// 获取百度按钮
 
+var baidu_btn = document.getElementById("Search-button");
 
+// 键盘事件
 
+input_box.onkeydown = function () {
 
+    // 当按下回车键根据input值跳转页面
 
+    if (event.keyCode == 13) {
 
+        window.location.href = "https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd="+input_box.value;
 
+    };
 
+};
 
+// 单击百度一下按钮触发事件
 
+baidu_btn.onclick = function () {
 
+    var input_value = input_box.value;
 
+    if (input_value == "" || input_value == null) {
 
+        window.location.reload();
 
+    } else {
 
+        window.location.href = "https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd="+input_value;
 
+    };
 
+};
 
+
 
+// 获取模块框
 
+var Modul = document.getElementById("Modul");
 
+// 获取more_bar框
 
+var moreBar = document.getElementById("more_bar");
 
+// 监听滚轮事件
 
+window.onscroll = function () {
 
+    Modul.style.height = "auto";
 
+    moreBar.style.display = "none";
 
+}
 
+// 下拉箭头点击事件
 
+moreBar.onclick = function () {
 
+    Modul.style.height = "auto";
 
+    moreBar.style.display = "none";
 
+}
 
+