Skip to content

Q
qsl_web
Commit 41884941 by 邓丽
Options

new

parent 136d31a4
Showing with 307 additions and 113 deletions
dist/css/index.css
...@@ -603,19 +603,19 @@ th { ...@@ -603,19 +603,19 @@ th {
} }
.serveType > ul li > span .serveIcon1 { .serveType > ul li > span .serveIcon1 {
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -280px -279px; background-position: -168px -279px;
width: 56px; width: 56px;
height: 56px; height: 56px;
} }
.serveType > ul li > span .serveIcon2 { .serveType > ul li > span .serveIcon2 {
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -224px -279px; background-position: -280px -279px;
width: 56px; width: 56px;
height: 56px; height: 56px;
} }
.serveType > ul li > span .serveIcon3 { .serveType > ul li > span .serveIcon3 {
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -168px -279px; background-position: -224px -279px;
width: 56px; width: 56px;
height: 56px; height: 56px;
} }
...@@ -698,7 +698,7 @@ th { ...@@ -698,7 +698,7 @@ th {
.ourEdge > ul li > span .edgeIcon4 { .ourEdge > ul li > span .edgeIcon4 {
display: inline-block; display: inline-block;
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -279px -93px; background-position: -186px -186px;
width: 93px; width: 93px;
height: 93px; height: 93px;
} }
...@@ -730,6 +730,7 @@ th { ...@@ -730,6 +730,7 @@ th {
font-size: 12px; font-size: 12px;
color: #7f91a1; color: #7f91a1;
line-height: 20px; line-height: 20px;
text-align: left;
} }
.ourEdge > ul li:hover > span .edgeIcon1 { .ourEdge > ul li:hover > span .edgeIcon1 {
display: inline-block; display: inline-block;
...@@ -755,7 +756,7 @@ th { ...@@ -755,7 +756,7 @@ th {
.ourEdge > ul li:hover > span .edgeIcon4 { .ourEdge > ul li:hover > span .edgeIcon4 {
display: inline-block; display: inline-block;
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -186px -186px; background-position: -279px -93px;
width: 93px; width: 93px;
height: 93px; height: 93px;
} }
...@@ -887,10 +888,23 @@ th { ...@@ -887,10 +888,23 @@ th {
display: inline-block; display: inline-block;
line-height: 73px; line-height: 73px;
height: 73px; height: 73px;
border-right: 1px solid #2a3e4f; padding: 0 20px;
padding: 0 40px;
color: #cfd3d5; color: #cfd3d5;
font-size: 18px; font-size: 18px;
vertical-align: middle;
}
.appoint span b {
display: inline-block;
font-weight: 400;
margin-right: 30px;
}
.appoint span i.line {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -372px -248px;
width: 7px;
height: 72px;
position: absolute;
} }
.appoint label { .appoint label {
display: inline-block; display: inline-block;
...@@ -937,6 +951,7 @@ th { ...@@ -937,6 +951,7 @@ th {
line-height: 271px; line-height: 271px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
background: #FFFFFF;
} }
.cooperation ul li { .cooperation ul li {
overflow: hidden; overflow: hidden;
...@@ -994,9 +1009,9 @@ article.case section ul.lists li a .picture img { ...@@ -994,9 +1009,9 @@ article.case section ul.lists li a .picture img {
object-fit: cover; object-fit: cover;
} }
article.case section ul.lists li a .mask { article.case section ul.lists li a .mask {
width: 304px; width: 294px;
height: 215px; height: 215px;
background: rgba(0, 0, 0, 0.22); background: none;
opacity: 1; opacity: 1;
border-radius: 4px; border-radius: 4px;
position: absolute; position: absolute;
...@@ -1025,6 +1040,7 @@ article.case section ul.lists li a .mask span p > b { ...@@ -1025,6 +1040,7 @@ article.case section ul.lists li a .mask span p > b {
text-align: center; text-align: center;
letter-spacing: 3px; letter-spacing: 3px;
border-bottom: 3px solid #1dd2af; border-bottom: 3px solid #1dd2af;
font-size: 24px;
} }
article.case section ul.lists li a .mask.enterMask b { article.case section ul.lists li a .mask.enterMask b {
animation: large 0.5s; animation: large 0.5s;
...@@ -1108,7 +1124,7 @@ article.case section:after { ...@@ -1108,7 +1124,7 @@ article.case section:after {
.caseTitle .intro h5 > i { .caseTitle .intro h5 > i {
display: inline-block; display: inline-block;
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: 0px -335px; background-position: -28px -335px;
width: 32px; width: 32px;
height: 32px; height: 32px;
vertical-align: middle; vertical-align: middle;
...@@ -1234,7 +1250,7 @@ article.case section:after { ...@@ -1234,7 +1250,7 @@ article.case section:after {
.gallery .search span a > i { .gallery .search span a > i {
display: inline-block; display: inline-block;
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -239px; background-position: -379px -286px;
width: 18px; width: 18px;
height: 19px; height: 19px;
float: left; float: left;
...@@ -1488,26 +1504,26 @@ article.case section:after { ...@@ -1488,26 +1504,26 @@ article.case section:after {
} }
.activeDetails .coverShow .intro ul li .time { .activeDetails .coverShow .intro ul li .time {
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -220px; background-position: -379px -267px;
width: 19px; width: 19px;
height: 19px; height: 19px;
vertical-align: top; vertical-align: top;
} }
.activeDetails .coverShow .intro ul li .panel { .activeDetails .coverShow .intro ul li .panel {
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -201px; background-position: -379px -248px;
width: 19px; width: 19px;
height: 19px; height: 19px;
} }
.activeDetails .coverShow .intro ul li .client { .activeDetails .coverShow .intro ul li .client {
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -372px -291px; background-position: -399px 0px;
width: 14px; width: 14px;
height: 19px; height: 19px;
} }
.activeDetails .coverShow .intro ul li .view { .activeDetails .coverShow .intro ul li .view {
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -258px; background-position: -379px -305px;
width: 19px; width: 19px;
height: 14px; height: 14px;
} }
...@@ -1745,11 +1761,12 @@ article.case section:after { ...@@ -1745,11 +1761,12 @@ article.case section:after {
margin-right: 10px; margin-right: 10px;
vertical-align: middle; vertical-align: middle;
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: 0px -335px; background-position: -28px -335px;
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
.activity .activeSlide ul li .activeCarousel { .activity .activeSlide ul li .activeCarousel {
background: #FFFFFF;
height: 260px; height: 260px;
padding: 0; padding: 0;
top: 3px; top: 3px;
...@@ -1778,7 +1795,7 @@ article.case section:after { ...@@ -1778,7 +1795,7 @@ article.case section:after {
width: 1200px; width: 1200px;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
min-height: 685px; min-height: 780px;
} }
.works ul { .works ul {
padding: 60px 80px; padding: 60px 80px;
...@@ -1851,7 +1868,7 @@ article.case section:after { ...@@ -1851,7 +1868,7 @@ article.case section:after {
font-size: 14px; font-size: 14px;
color: #cccccc; color: #cccccc;
text-align: center; text-align: center;
line-height: 500px; line-height: 600px;
} }
/*登录页面*/ /*登录页面*/
.login { .login {
...@@ -1905,13 +1922,13 @@ article.case section:after { ...@@ -1905,13 +1922,13 @@ article.case section:after {
} }
.login .loginForm span label .nick { .login .loginForm span label .nick {
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -372px -179px; background-position: -372px -226px;
width: 24px; width: 24px;
height: 22px; height: 22px;
} }
.login .loginForm span label .password { .login .loginForm span label .password {
background-image: url(../../dist/img/icon/icon.png); background-image: url(../../dist/img/icon/icon.png);
background-position: -372px -156px; background-position: -372px -203px;
width: 24px; width: 24px;
height: 23px; height: 23px;
} }
......
dist/html/aboutUs.html
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
</article> </article>
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/case.html
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/meetBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/banquetBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/starBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/showBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/exercisesBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/characterBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/spaceBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/foodBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -143,7 +143,7 @@ ...@@ -143,7 +143,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/videoBg.jpgs" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -158,7 +158,7 @@ ...@@ -158,7 +158,7 @@
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/caseDetails.html
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/caseSpecific.html
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/gal_activity.html
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 --> <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title> <title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon"> <link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/style-demo.css"> <link rel="stylesheet" href="../css/jcarousellite.css">
<link rel="stylesheet" href="../css/index.css"> <link rel="stylesheet" href="../css/index.css">
</head> </head>
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
<p>企视录影像</p> <p>企视录影像</p>
</a> </a>
</li> </li>
<li class="active"> <li>
<a href="../html/gal_activityDetails.html?c=2"> <a href="../html/gal_activityDetails.html?c=2">
<div> <div>
<img src="../img/case_img.png" alt=""/> <img src="../img/case_img.png" alt=""/>
...@@ -161,7 +161,7 @@ ...@@ -161,7 +161,7 @@
<p>企视录影像</p> <p>企视录影像</p>
</a> </a>
</li> </li>
<li class="active"> <li>
<a href="../html/gal_activityDetails.html?c=2"> <a href="../html/gal_activityDetails.html?c=2">
<div> <div>
<img src="../img/case_img.png" alt=""/> <img src="../img/case_img.png" alt=""/>
...@@ -202,7 +202,7 @@ ...@@ -202,7 +202,7 @@
<p>企视录影像</p> <p>企视录影像</p>
</a> </a>
</li> </li>
<li class="active"> <li>
<a href="../html/gal_activityDetails.html?c=2"> <a href="../html/gal_activityDetails.html?c=2">
<div> <div>
<img src="../img/case_img.png" alt=""/> <img src="../img/case_img.png" alt=""/>
...@@ -238,6 +238,61 @@ ...@@ -238,6 +238,61 @@
<p>企视录影像</p> <p>企视录影像</p>
</a> </a>
</li> </li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚7</h3>
<p>企视录影像</p>
</a>
</li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚8</h3>
<p>企视录影像</p>
</a>
</li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚9</h3>
<p>企视录影像</p>
</a>
</li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚10</h3>
<p>企视录影像</p>
</a>
</li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚11</h3>
<p>企视录影像</p>
</a>
</li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚12</h3>
<p>企视录影像</p>
</a>
</li>
</ul> </ul>
</div> </div>
<a href="#" class="next" id="next2"></a> <a href="#" class="next" id="next2"></a>
...@@ -250,7 +305,7 @@ ...@@ -250,7 +305,7 @@
</article> </article>
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
...@@ -262,7 +317,7 @@ ...@@ -262,7 +317,7 @@
<script src="../js/jquery-1.11.1.js"></script> <script src="../js/jquery-1.11.1.js"></script>
<script src="../js/public.js"></script> <script src="../js/public.js"></script>
<script src="../js/jquery.mousewheel-3.1.12.js"></script> <script src="../js/jquery.mousewheel-3.1.12.js"></script>
<script src="../js/jquery.jcarousellite.min.js"></script> <script src="../js/jquery.jcarousellite.js"></script>
<!--五张图轮播效果--> <!--五张图轮播效果-->
<script type="text/javascript"> <script type="text/javascript">
...@@ -282,33 +337,50 @@ ...@@ -282,33 +337,50 @@
$(".prev").eq(i).css("display","none"); $(".prev").eq(i).css("display","none");
$(".next").eq(i).css("display","none"); $(".next").eq(i).css("display","none");
$("#activeCarousel"+i).jCarouselLite({ $("#activeCarousel"+i).jCarouselLite({
circular: true, circular: false,
speed: 800, speed: 800,
visible:liNum visible:liNum
}); });
/*同组活动图片少于5个居中显示*/
var liWidth=lis.eq(i).find("li").width()+40;
var leftOffset=($(".mouseWheelButtons").width()-liWidth*liNum)/2;
$("#activeCarousel"+i).css("left",leftOffset);
/*中间一个添加选中样式*/
var mid=parseInt(liNum/2);
lis.eq(i).find("li").eq(mid).addClass("active");
}else{ }else{
$("#activeCarousel"+i).jCarouselLite({ $("#activeCarousel"+i).jCarouselLite({
btnNext:next, btnNext:next,
btnPrev:prev, btnPrev:prev,
mouseWheel: true, mouseWheel: true,
circular: true, circular: false,
speed: 800, speed: 800,
visible: 5, visible: 5,
scroll: 5 scroll: 5
}); });
/*中间一个添加选中样式*/
var multiple=parseInt(liNum/5);
for(var j=0;j<multiple;j++){
var k=j*5+2;
lis.eq(i).find("li").eq(k).addClass("active");
if(liNum%5==3||liNum%5==4){
lis.eq(i).find("li").eq(liNum-3).addClass("active");
} }
} }
}
}
}
}
</script> </script>
<script> <script>
/*案例模块放大效果*/ /*案例模块伪类效果*/
$(".activeCarousel ul li").mouseenter(function(){ $(".carousel ul li").mouseenter(function(){
$(this).addClass("active").siblings().removeClass("active"); $(this).addClass("active").siblings().removeClass("active");
}).mouseleave(function(){ }).mouseleave(function(){
$(this).addClass("active"); $(this).addClass("active");
/*$(".activeCarousel li:first-child").addClass("active").siblings().removeClass("active");*/
}) })
</script> </script>
</body> </body>
......
dist/html/gal_activityDetails.html
...@@ -237,7 +237,7 @@ ...@@ -237,7 +237,7 @@
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/gallery.html
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 --> <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title> <title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon"> <link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/demo.css"> <link rel="stylesheet" href="../css/largeSlides.css">
<link rel="stylesheet" href="../css/index.css"> <link rel="stylesheet" href="../css/index.css">
</head> </head>
...@@ -233,7 +233,7 @@ ...@@ -233,7 +233,7 @@
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/index.html
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
<title>企视录官网</title> <title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon"> <link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/demo.css"> <link rel="stylesheet" href="../css/largeSlides.css">
<link rel="stylesheet" href="../css/style-demo.css"> <link rel="stylesheet" href="../css/jcarousellite.css">
<link rel="stylesheet" href="../css/index.css"> <link rel="stylesheet" href="../css/index.css">
<script> <script>
/*便于百度搜索引擎*/ /*便于百度搜索引擎*/
...@@ -236,7 +236,7 @@ ...@@ -236,7 +236,7 @@
<!--预约服务--> <!--预约服务-->
<section class="appoint"> <section class="appoint">
<form action="http://www.baidu.com" id="form"> <form action="http://www.baidu.com" id="form">
<span>预约服务</span> <span><b>预约服务</b><i class="line"></i></span>
<label >姓名</label> <input type="text" value="" placeholder="12位字符内的英文或汉字" id="name" onchange="regValidation(this,0,org_people)"/> <label >姓名</label> <input type="text" value="" placeholder="12位字符内的英文或汉字" id="name" onchange="regValidation(this,0,org_people)"/>
<label >电话</label> <input type="text" value="" placeholder="请输入11位手机号" id="tel" onchange="regValidation(this,0,phones)"/> <label >电话</label> <input type="text" value="" placeholder="请输入11位手机号" id="tel" onchange="regValidation(this,0,phones)"/>
<input type="button" value="提交" id="submitBtn"/> <input type="button" value="提交" id="submitBtn"/>
...@@ -269,7 +269,7 @@ ...@@ -269,7 +269,7 @@
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
...@@ -281,7 +281,7 @@ ...@@ -281,7 +281,7 @@
<script src="../js/jquery-1.11.1.js"></script> <script src="../js/jquery-1.11.1.js"></script>
<script src="../js/responsiveslides.min.js"></script> <script src="../js/responsiveslides.min.js"></script>
<script src="../js/jquery.mousewheel-3.1.12.js"></script> <script src="../js/jquery.mousewheel-3.1.12.js"></script>
<script src="../js/jquery.jcarousellite.min.js"></script> <script src="../js/jquery.jcarousellite.js"></script>
<script src="../js/public.js"></script> <script src="../js/public.js"></script>
......
dist/html/linkUs.html
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
</article> </article>
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/privacy.html
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
</article> </article>
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/works.html
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
</article> </article>
<!--引入公用版权部分--> <!--引入公用版权部分-->
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/img/icon/icon.png
dist/img/icon/icon.png

42.6 KB | W: | H:

dist/img/icon/icon.png

44.2 KB | W: | H:

dist/img/icon/icon.png
dist/img/icon/icon.png
dist/img/icon/icon.png
dist/img/icon/icon.png
  • 2-up
  • Swipe
  • Onion skin
dist/js/public.js
...@@ -53,9 +53,17 @@ function caseSelected(obj){ ...@@ -53,9 +53,17 @@ function caseSelected(obj){
$(this).addClass("active").siblings().removeClass("active"); $(this).addClass("active").siblings().removeClass("active");
}) })
} }
/*article最小高度设置*/
/*页码刷新执行函数*/ function minHeight(obj){
var H=window.screen.availHeight;
var headerH=$("header").height();
var footerH=$("footer").height();
var min=H-headerH-footerH-25;
$(obj).css("min-height",min);
}
/*页面刷新执行函数*/
window.onload = function(){ window.onload = function(){
minHeight("article");
GetRequest(); GetRequest();
maskHover(".lists li a"); maskHover(".lists li a");
caseSelected(".caseTitle nav ul li"); caseSelected(".caseTitle nav ul li");
......
src/js/public.js
...@@ -53,9 +53,17 @@ function caseSelected(obj){ ...@@ -53,9 +53,17 @@ function caseSelected(obj){
$(this).addClass("active").siblings().removeClass("active"); $(this).addClass("active").siblings().removeClass("active");
}) })
} }
/*article最小高度设置*/
/*页码刷新执行函数*/ function minHeight(obj){
var H=window.screen.availHeight;
var headerH=$("header").height();
var footerH=$("footer").height();
var min=H-headerH-footerH-25;
$(obj).css("min-height",min);
}
/*页面刷新执行函数*/
window.onload = function(){ window.onload = function(){
minHeight("article");
GetRequest(); GetRequest();
maskHover(".lists li a"); maskHover(".lists li a");
caseSelected(".caseTitle nav ul li"); caseSelected(".caseTitle nav ul li");
......
src/less/index.less
...@@ -130,6 +130,7 @@ ...@@ -130,6 +130,7 @@
font-size: 12px; font-size: 12px;
color: #7f91a1; color: #7f91a1;
line-height:20px; line-height:20px;
text-align:left;
} }
} }
&:hover{ &:hover{
...@@ -259,11 +260,22 @@ ...@@ -259,11 +260,22 @@
display: inline-block; display: inline-block;
line-height: 73px; line-height: 73px;
height: 73px; height: 73px;
border-right: 1px solid #2a3e4f; padding: 0 20px;
padding: 0 40px;
color: #cfd3d5; color: #cfd3d5;
font-size:18px; font-size:18px;
vertical-align: middle;
b{
display: inline-block;
font-weight:400;
margin-right: 30px;
}
i.line{
display: inline-block;
.sprite(@line);
position: absolute;
}
} }
label{ label{
display: inline-block; display: inline-block;
width: 70px; width: 70px;
...@@ -299,6 +311,7 @@ input[type='button']{ ...@@ -299,6 +311,7 @@ input[type='button']{
line-height: 271px; line-height: 271px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
background: #FFFFFF;
} }
ul li{ ul li{
overflow: hidden; overflow: hidden;
...@@ -349,7 +362,7 @@ article.case { ...@@ -349,7 +362,7 @@ article.case {
} }
} }
.mask{ .mask{
.mask(304px,215px,rgba(0, 0, 0, 0.22),1,4px); .mask(294px,215px,none,1,4px);
top:0px; top:0px;
span{ span{
display: block; display: block;
...@@ -372,6 +385,7 @@ article.case { ...@@ -372,6 +385,7 @@ article.case {
text-align: center; text-align: center;
letter-spacing:3px; letter-spacing:3px;
border-bottom: 3px solid #1dd2af; border-bottom: 3px solid #1dd2af;
font-size: 24px;
} }
} }
} }
...@@ -826,6 +840,7 @@ article.case { ...@@ -826,6 +840,7 @@ article.case {
} }
} }
.activeCarousel{ .activeCarousel{
background: #FFFFFF;
height: 260px; height: 260px;
padding: 0; padding: 0;
top:3px; top:3px;
...@@ -853,7 +868,7 @@ article.case { ...@@ -853,7 +868,7 @@ article.case {
/*工作机会页面*/ /*工作机会页面*/
.works{ .works{
.margin-auto(1200px,auto); .margin-auto(1200px,auto);
min-height: 685px; min-height: 780px;
ul{ ul{
padding:60px 80px; padding:60px 80px;
li{ li{
...@@ -915,7 +930,7 @@ article.case { ...@@ -915,7 +930,7 @@ article.case {
font-size: 14px; font-size: 14px;
color: #cccccc; color: #cccccc;
text-align: center; text-align: center;
line-height:500px; line-height:600px;
} }
} }
} }
......
dist/css/style-demo.css → src/less/jcarousellite.less
@charset "UTF-8";
@import "./common/base.less";
.cooperation .carousel { .cooperation .carousel {
background-color: ghostwhite; background-color: #ffffff;
float: left; float: left;
...@@ -44,12 +45,7 @@ ...@@ -44,12 +45,7 @@
display: block; display: block;
width:30px; width:30px;
height: 52px; height: 52px;
color: ghostwhite; color: ghostwhite;
float: left;
/* position: absolute;
top: 50%;
left: -5%;*/
z-index: 100; z-index: 100;
} }
.cooperation a.go.highlight { .cooperation a.go.highlight {
...@@ -57,18 +53,29 @@ ...@@ -57,18 +53,29 @@
color: #000; color: #000;
} }
.cooperation a.prev { .cooperation a.prev {
background: url("../img/left.jpg") no-repeat; display: inline-block;
.sprite(@prev);
position: absolute; position: absolute;
top: 40%; top: 40%;
left: -5%; left: -5%;
&.disabled{
.sprite(@left-gray);
}
} }
.cooperation a.next { .cooperation a.next {
background: url("../img/right.jpg") no-repeat; display: inline-block;
.sprite(@next);
position: absolute; position: absolute;
top: 40%; top: 40%;
right: -5%; right: -5%;
&.disabled{
.sprite(@right-gray);
}
} }
#jcl-demo a.prev:hover, #jcl-demo a.next:hover, #jcl-demo a.go:hover {
background-color: #666666;
}
/* Additional carousel styles for external controls, slider, widget, mid etc. */ /* Additional carousel styles for external controls, slider, widget, mid etc. */
.cooperation .externalControl button, .cooperation .externalControl button,
......
dist/css/demo.css → src/less/largeSlides.less
* { @charset "UTF-8";
margin: 0; @import "./common/base.less";
padding: 0;
}
.rslides { .rslides {
margin: 0 auto; margin: 0 auto;
} }
...@@ -135,7 +132,6 @@ h3 { ...@@ -135,7 +132,6 @@ h3 {
.callbacks_nav { .callbacks_nav {
position: absolute; position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top:49%; top:49%;
left:38px; left:38px;
opacity: 0.7; opacity: 0.7;
...@@ -143,10 +139,9 @@ h3 { ...@@ -143,10 +139,9 @@ h3 {
text-indent: -9999px; text-indent: -9999px;
overflow: hidden; overflow: hidden;
text-decoration: none; text-decoration: none;
height: 61px;
width: 38px;
background: transparent url("../img/Left.png") no-repeat left top;
margin-top: -45px; margin-top: -45px;
display: inline-block;
.sprite(@-left);
} }
.callbacks_nav:active { .callbacks_nav:active {
...@@ -155,9 +150,9 @@ h3 { ...@@ -155,9 +150,9 @@ h3 {
.callbacks_nav.next { .callbacks_nav.next {
left: auto; left: auto;
background-position: right top;
right: 38px; right: 38px;
background: transparent url("../img/Right.png") no-repeat left top; display: inline-block;
.sprite(@-right);
} }
.callbacks_tabs{ .callbacks_tabs{
position: absolute; position: absolute;
......
src/pages/case.ejs
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/meetBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/banquetBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/starBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/showBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/exercisesBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/characterBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/spaceBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/foodBg.jpg" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
<li> <li>
<a href="../html/caseDetails.html?c=1"> <a href="../html/caseDetails.html?c=1">
<div class="picture"> <div class="picture">
<img src="../img/text4.png" alt=""/> <img src="../img/videoBg.jpgs" alt=""/>
</div> </div>
<div class="mask"> <div class="mask">
<span> <span>
......
src/pages/common/footer.ejs
<footer> <footer>
<p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.yuepai365.cn">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p> <p> © 北京约拍啦网络科技有限公司旗下网站-<a href="http://www.qishilu.me">企视录</a> <a href="http://www.miibeian.gov.cn/">蜀ICP备14015734号-5</a></p>
<ul> <ul>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li> <li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li> <li><a href="../html/works.html?c=b">工作机会</a></li>
......
src/pages/gal_activity.ejs
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 --> <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title> <title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon"> <link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/style-demo.css"> <link rel="stylesheet" href="../css/jcarousellite.css">
<link rel="stylesheet" href="../css/index.css"> <link rel="stylesheet" href="../css/index.css">
</head> </head>
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
<p>企视录影像</p> <p>企视录影像</p>
</a> </a>
</li> </li>
<li class="active"> <li>
<a href="../html/gal_activityDetails.html?c=2"> <a href="../html/gal_activityDetails.html?c=2">
<div> <div>
<img src="../img/case_img.png" alt=""/> <img src="../img/case_img.png" alt=""/>
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<p>企视录影像</p> <p>企视录影像</p>
</a> </a>
</li> </li>
<li class="active"> <li>
<a href="../html/gal_activityDetails.html?c=2"> <a href="../html/gal_activityDetails.html?c=2">
<div> <div>
<img src="../img/case_img.png" alt=""/> <img src="../img/case_img.png" alt=""/>
...@@ -178,7 +178,7 @@ ...@@ -178,7 +178,7 @@
<p>企视录影像</p> <p>企视录影像</p>
</a> </a>
</li> </li>
<li class="active"> <li>
<a href="../html/gal_activityDetails.html?c=2"> <a href="../html/gal_activityDetails.html?c=2">
<div> <div>
<img src="../img/case_img.png" alt=""/> <img src="../img/case_img.png" alt=""/>
...@@ -214,6 +214,61 @@ ...@@ -214,6 +214,61 @@
<p>企视录影像</p> <p>企视录影像</p>
</a> </a>
</li> </li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚7</h3>
<p>企视录影像</p>
</a>
</li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚8</h3>
<p>企视录影像</p>
</a>
</li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚9</h3>
<p>企视录影像</p>
</a>
</li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚10</h3>
<p>企视录影像</p>
</a>
</li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚11</h3>
<p>企视录影像</p>
</a>
</li>
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
</div>
<h3>维多利亚12</h3>
<p>企视录影像</p>
</a>
</li>
</ul> </ul>
</div> </div>
<a href="#" class="next" id="next2"></a> <a href="#" class="next" id="next2"></a>
...@@ -230,7 +285,7 @@ ...@@ -230,7 +285,7 @@
<script src="../js/jquery-1.11.1.js"></script> <script src="../js/jquery-1.11.1.js"></script>
<script src="../js/public.js"></script> <script src="../js/public.js"></script>
<script src="../js/jquery.mousewheel-3.1.12.js"></script> <script src="../js/jquery.mousewheel-3.1.12.js"></script>
<script src="../js/jquery.jcarousellite.min.js"></script> <script src="../js/jquery.jcarousellite.js"></script>
<!--五张图轮播效果--> <!--五张图轮播效果-->
<script type="text/javascript"> <script type="text/javascript">
...@@ -250,33 +305,50 @@ ...@@ -250,33 +305,50 @@
$(".prev").eq(i).css("display","none"); $(".prev").eq(i).css("display","none");
$(".next").eq(i).css("display","none"); $(".next").eq(i).css("display","none");
$("#activeCarousel"+i).jCarouselLite({ $("#activeCarousel"+i).jCarouselLite({
circular: true, circular: false,
speed: 800, speed: 800,
visible:liNum visible:liNum
}); });
/*同组活动图片少于5个居中显示*/
var liWidth=lis.eq(i).find("li").width()+40;
var leftOffset=($(".mouseWheelButtons").width()-liWidth*liNum)/2;
$("#activeCarousel"+i).css("left",leftOffset);
/*中间一个添加选中样式*/
var mid=parseInt(liNum/2);
lis.eq(i).find("li").eq(mid).addClass("active");
}else{ }else{
$("#activeCarousel"+i).jCarouselLite({ $("#activeCarousel"+i).jCarouselLite({
btnNext:next, btnNext:next,
btnPrev:prev, btnPrev:prev,
mouseWheel: true, mouseWheel: true,
circular: true, circular: false,
speed: 800, speed: 800,
visible: 5, visible: 5,
scroll: 5 scroll: 5
}); });
/*中间一个添加选中样式*/
var multiple=parseInt(liNum/5);
for(var j=0;j<multiple;j++){
var k=j*5+2;
lis.eq(i).find("li").eq(k).addClass("active");
if(liNum%5==3||liNum%5==4){
lis.eq(i).find("li").eq(liNum-3).addClass("active");
} }
} }
}
}
}
}
</script> </script>
<script> <script>
/*案例模块放大效果*/ /*案例模块伪类效果*/
$(".activeCarousel ul li").mouseenter(function(){ $(".carousel ul li").mouseenter(function(){
$(this).addClass("active").siblings().removeClass("active"); $(this).addClass("active").siblings().removeClass("active");
}).mouseleave(function(){ }).mouseleave(function(){
$(this).addClass("active"); $(this).addClass("active");
/*$(".activeCarousel li:first-child").addClass("active").siblings().removeClass("active");*/
}) })
</script> </script>
</body> </body>
......
src/pages/gallery.ejs
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 --> <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title> <title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon"> <link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/demo.css"> <link rel="stylesheet" href="../css/largeSlides.css">
<link rel="stylesheet" href="../css/index.css"> <link rel="stylesheet" href="../css/index.css">
</head> </head>
......
src/pages/index.ejs
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
<title>企视录官网</title> <title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon"> <link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/demo.css"> <link rel="stylesheet" href="../css/largeSlides.css">
<link rel="stylesheet" href="../css/style-demo.css"> <link rel="stylesheet" href="../css/jcarousellite.css">
<link rel="stylesheet" href="../css/index.css"> <link rel="stylesheet" href="../css/index.css">
<script> <script>
/*便于百度搜索引擎*/ /*便于百度搜索引擎*/
...@@ -212,7 +212,7 @@ ...@@ -212,7 +212,7 @@
<!--预约服务--> <!--预约服务-->
<section class="appoint"> <section class="appoint">
<form action="http://www.baidu.com" id="form"> <form action="http://www.baidu.com" id="form">
<span>预约服务</span> <span><b>预约服务</b><i class="line"></i></span>
<label >姓名</label> <input type="text" value="" placeholder="12位字符内的英文或汉字" id="name" onchange="regValidation(this,0,org_people)"/> <label >姓名</label> <input type="text" value="" placeholder="12位字符内的英文或汉字" id="name" onchange="regValidation(this,0,org_people)"/>
<label >电话</label> <input type="text" value="" placeholder="请输入11位手机号" id="tel" onchange="regValidation(this,0,phones)"/> <label >电话</label> <input type="text" value="" placeholder="请输入11位手机号" id="tel" onchange="regValidation(this,0,phones)"/>
<input type="button" value="提交" id="submitBtn"/> <input type="button" value="提交" id="submitBtn"/>
...@@ -249,7 +249,7 @@ ...@@ -249,7 +249,7 @@
<script src="../js/jquery-1.11.1.js"></script> <script src="../js/jquery-1.11.1.js"></script>
<script src="../js/responsiveslides.min.js"></script> <script src="../js/responsiveslides.min.js"></script>
<script src="../js/jquery.mousewheel-3.1.12.js"></script> <script src="../js/jquery.mousewheel-3.1.12.js"></script>
<script src="../js/jquery.jcarousellite.min.js"></script> <script src="../js/jquery.jcarousellite.js"></script>
<script src="../js/public.js"></script> <script src="../js/public.js"></script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment