Forráskód Böngészése

UU众创和人才招聘加入首页。

yangc 8 éve
szülő
commit
cf3c0c9e13

+ 27 - 0
src/main/webapp/WEB-INF/views/normal/index.html

@@ -95,6 +95,8 @@ var _hmt = _hmt || [];
 				<li data-target="#carousel-example-generic" data-slide-to="5"></li>
 				<li data-target="#carousel-example-generic" data-slide-to="6"></li>
 				<li data-target="#carousel-example-generic" data-slide-to="7"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="8"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="9"></li>
 			</ol>
 
 			<!-- Wrapper for slides -->
@@ -164,6 +166,31 @@ var _hmt = _hmt || [];
 						</div>
 					</div>
 				</div>
+				<div class="item carousel-item8">
+					<img src="static/img/carousel/header-09.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>优质服务,快速响应,极速入职!<br />
+									专为电子信息行业的资深工程师发现更好的工作机会,
+									<br />
+									为企业挖掘专业人才。</p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item carousel-item9">
+					<img src="static/img/carousel/header-10.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>UU众创</h1>
+								<p>让研发不再难,让技术更走薪<br />为需求方和服务方提供方案共享、<br />开发兼职、学习技术的高效对接平台</p>
+							</div>
+						</div>
+					</div>
+				</div>
 				<div class="item carousel-item5">
 					<img src="static/img/carousel/header-05.jpg" alt="" />
 					<div class="carousel-caption">

+ 18 - 3
src/main/webapp/resources/css/common.css

@@ -56,6 +56,20 @@ body {
 	font-size: 15px;
 	color: #bbbbbb;
 }
+/*.navbar-inverse .navbar-nav>li>ul {
+	list-style: none;
+	padding: 0;
+	position: relative;
+	left: 14px;
+}*/
+.navbar-inverse .navbar-nav>li>ul>li>a {
+	text-decoration: none;
+	color: #bbbbbb;
+	font-size: 12px;
+}
+.navbar-inverse .navbar-nav>li>ul>li>a:hover {
+	color: #fff;
+}
 
 .nav>li {
 	position: relative;
@@ -67,10 +81,11 @@ body {
 	top: 99%;
 	left: 0;
 	right: 0;
-	padding-left: 0;
-	width: 114px;
+	padding-left: 10px;
+	line-height: 20px;
+	width: 90px;
 	height: 0;
-	background: rgba(0,0,0,0.7);
+	background: #101010;
 	overflow-y: hidden;
 	z-index: 20;
 	-webkit-transition: height ease 1s;

+ 8 - 1
src/main/webapp/resources/css/index.css

@@ -61,7 +61,14 @@ header .carousel .carousel-caption {
 .carousel-item8 .header-text {
 	color: #000000;
 	padding-top: 39px;
-	padding-left: 107px;
+	position: relative;
+	left: -163px;
+}
+
+.carousel-item9 .header-text {
+	position: relative;
+	left: 800px;
+	top: 90px;
 }
 
 .header-text h1 {

BIN
src/main/webapp/resources/img/carousel/header-09.jpg


BIN
src/main/webapp/resources/img/carousel/header-10.jpg


+ 1 - 1
src/main/webapp/resources/js/index/app.js

@@ -3,7 +3,7 @@ $(function() {
 	
 	// 幻灯片效果
 	$('.carousel').carousel({
-		interval: 3000
+		interval: 1000000
 	});
 	
 	// 通过哈希值切换幻灯片