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 {
}
.serveType > ul li > span .serveIcon1 {
background-image: url(../../dist/img/icon/icon.png);
background-position: -280px -279px;
background-position: -168px -279px;
width: 56px;
height: 56px;
}
.serveType > ul li > span .serveIcon2 {
background-image: url(../../dist/img/icon/icon.png);
background-position: -224px -279px;
background-position: -280px -279px;
width: 56px;
height: 56px;
}
.serveType > ul li > span .serveIcon3 {
background-image: url(../../dist/img/icon/icon.png);
background-position: -168px -279px;
background-position: -224px -279px;
width: 56px;
height: 56px;
}
......@@ -698,7 +698,7 @@ th {
.ourEdge > ul li > span .edgeIcon4 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -279px -93px;
background-position: -186px -186px;
width: 93px;
height: 93px;
}
......@@ -730,6 +730,7 @@ th {
font-size: 12px;
color: #7f91a1;
line-height: 20px;
text-align: left;
}
.ourEdge > ul li:hover > span .edgeIcon1 {
display: inline-block;
......@@ -755,7 +756,7 @@ th {
.ourEdge > ul li:hover > span .edgeIcon4 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -186px -186px;
background-position: -279px -93px;
width: 93px;
height: 93px;
}
......@@ -887,10 +888,23 @@ th {
display: inline-block;
line-height: 73px;
height: 73px;
border-right: 1px solid #2a3e4f;
padding: 0 40px;
padding: 0 20px;
color: #cfd3d5;
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 {
display: inline-block;
......@@ -937,6 +951,7 @@ th {
line-height: 271px;
margin: 0 auto;
position: relative;
background: #FFFFFF;
}
.cooperation ul li {
overflow: hidden;
......@@ -994,9 +1009,9 @@ article.case section ul.lists li a .picture img {
object-fit: cover;
}
article.case section ul.lists li a .mask {
width: 304px;
width: 294px;
height: 215px;
background: rgba(0, 0, 0, 0.22);
background: none;
opacity: 1;
border-radius: 4px;
position: absolute;
......@@ -1025,6 +1040,7 @@ article.case section ul.lists li a .mask span p > b {
text-align: center;
letter-spacing: 3px;
border-bottom: 3px solid #1dd2af;
font-size: 24px;
}
article.case section ul.lists li a .mask.enterMask b {
animation: large 0.5s;
......@@ -1108,7 +1124,7 @@ article.case section:after {
.caseTitle .intro h5 > i {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: 0px -335px;
background-position: -28px -335px;
width: 32px;
height: 32px;
vertical-align: middle;
......@@ -1234,7 +1250,7 @@ article.case section:after {
.gallery .search span a > i {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -239px;
background-position: -379px -286px;
width: 18px;
height: 19px;
float: left;
......@@ -1488,26 +1504,26 @@ article.case section:after {
}
.activeDetails .coverShow .intro ul li .time {
background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -220px;
background-position: -379px -267px;
width: 19px;
height: 19px;
vertical-align: top;
}
.activeDetails .coverShow .intro ul li .panel {
background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -201px;
background-position: -379px -248px;
width: 19px;
height: 19px;
}
.activeDetails .coverShow .intro ul li .client {
background-image: url(../../dist/img/icon/icon.png);
background-position: -372px -291px;
background-position: -399px 0px;
width: 14px;
height: 19px;
}
.activeDetails .coverShow .intro ul li .view {
background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -258px;
background-position: -379px -305px;
width: 19px;
height: 14px;
}
......@@ -1745,11 +1761,12 @@ article.case section:after {
margin-right: 10px;
vertical-align: middle;
background-image: url(../../dist/img/icon/icon.png);
background-position: 0px -335px;
background-position: -28px -335px;
width: 32px;
height: 32px;
}
.activity .activeSlide ul li .activeCarousel {
background: #FFFFFF;
height: 260px;
padding: 0;
top: 3px;
......@@ -1778,7 +1795,7 @@ article.case section:after {
width: 1200px;
height: auto;
overflow: hidden;
min-height: 685px;
min-height: 780px;
}
.works ul {
padding: 60px 80px;
......@@ -1851,7 +1868,7 @@ article.case section:after {
font-size: 14px;
color: #cccccc;
text-align: center;
line-height: 500px;
line-height: 600px;
}
/*登录页面*/
.login {
......@@ -1905,13 +1922,13 @@ article.case section:after {
}
.login .loginForm span label .nick {
background-image: url(../../dist/img/icon/icon.png);
background-position: -372px -179px;
background-position: -372px -226px;
width: 24px;
height: 22px;
}
.login .loginForm span label .password {
background-image: url(../../dist/img/icon/icon.png);
background-position: -372px -156px;
background-position: -372px -203px;
width: 24px;
height: 23px;
}
......
dist/html/aboutUs.html
......@@ -57,7 +57,7 @@
</article>
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/case.html
......@@ -47,7 +47,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/meetBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -59,7 +59,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/banquetBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -71,7 +71,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/starBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -83,7 +83,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/showBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -95,7 +95,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/exercisesBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -107,7 +107,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/characterBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -119,7 +119,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/spaceBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -131,7 +131,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/foodBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -143,7 +143,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/videoBg.jpgs" alt=""/>
</div>
<div class="mask">
<span>
......@@ -158,7 +158,7 @@
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/caseDetails.html
......@@ -95,7 +95,7 @@
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/caseSpecific.html
......@@ -72,7 +72,7 @@
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/gal_activity.html
......@@ -11,7 +11,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title>
<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">
</head>
......@@ -84,7 +84,7 @@
<p>企视录影像</p>
</a>
</li>
<li class="active">
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
......@@ -161,7 +161,7 @@
<p>企视录影像</p>
</a>
</li>
<li class="active">
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
......@@ -202,7 +202,7 @@
<p>企视录影像</p>
</a>
</li>
<li class="active">
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
......@@ -238,6 +238,61 @@
<p>企视录影像</p>
</a>
</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>
</div>
<a href="#" class="next" id="next2"></a>
......@@ -250,7 +305,7 @@
</article>
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......@@ -262,7 +317,7 @@
<script src="../js/jquery-1.11.1.js"></script>
<script src="../js/public.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">
......@@ -282,33 +337,50 @@
$(".prev").eq(i).css("display","none");
$(".next").eq(i).css("display","none");
$("#activeCarousel"+i).jCarouselLite({
circular: true,
circular: false,
speed: 800,
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{
$("#activeCarousel"+i).jCarouselLite({
btnNext:next,
btnPrev:prev,
mouseWheel: true,
circular: true,
circular: false,
speed: 800,
visible: 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>
/*案例模块放大效果*/
$(".activeCarousel ul li").mouseenter(function(){
/*案例模块伪类效果*/
$(".carousel ul li").mouseenter(function(){
$(this).addClass("active").siblings().removeClass("active");
}).mouseleave(function(){
$(this).addClass("active");
/*$(".activeCarousel li:first-child").addClass("active").siblings().removeClass("active");*/
})
</script>
</body>
......
dist/html/gal_activityDetails.html
......@@ -237,7 +237,7 @@
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/gallery.html
......@@ -11,7 +11,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title>
<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">
</head>
......@@ -233,7 +233,7 @@
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/index.html
......@@ -12,8 +12,8 @@
<title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/demo.css">
<link rel="stylesheet" href="../css/style-demo.css">
<link rel="stylesheet" href="../css/largeSlides.css">
<link rel="stylesheet" href="../css/jcarousellite.css">
<link rel="stylesheet" href="../css/index.css">
<script>
/*便于百度搜索引擎*/
......@@ -236,7 +236,7 @@
<!--预约服务-->
<section class="appoint">
<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="请输入11位手机号" id="tel" onchange="regValidation(this,0,phones)"/>
<input type="button" value="提交" id="submitBtn"/>
......@@ -269,7 +269,7 @@
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......@@ -281,7 +281,7 @@
<script src="../js/jquery-1.11.1.js"></script>
<script src="../js/responsiveslides.min.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>
......
dist/html/linkUs.html
......@@ -85,7 +85,7 @@
</article>
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/privacy.html
......@@ -62,7 +62,7 @@
</article>
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......
dist/html/works.html
......@@ -55,7 +55,7 @@
</article>
<!--引入公用版权部分-->
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</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){
$(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(){
minHeight("article");
GetRequest();
maskHover(".lists li a");
caseSelected(".caseTitle nav ul li");
......
src/js/public.js
......@@ -53,9 +53,17 @@ function caseSelected(obj){
$(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(){
minHeight("article");
GetRequest();
maskHover(".lists li a");
caseSelected(".caseTitle nav ul li");
......
src/less/index.less
......@@ -130,6 +130,7 @@
font-size: 12px;
color: #7f91a1;
line-height:20px;
text-align:left;
}
}
&:hover{
......@@ -259,11 +260,22 @@
display: inline-block;
line-height: 73px;
height: 73px;
border-right: 1px solid #2a3e4f;
padding: 0 40px;
padding: 0 20px;
color: #cfd3d5;
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{
display: inline-block;
width: 70px;
......@@ -299,6 +311,7 @@ input[type='button']{
line-height: 271px;
margin: 0 auto;
position: relative;
background: #FFFFFF;
}
ul li{
overflow: hidden;
......@@ -349,7 +362,7 @@ article.case {
}
}
.mask{
.mask(304px,215px,rgba(0, 0, 0, 0.22),1,4px);
.mask(294px,215px,none,1,4px);
top:0px;
span{
display: block;
......@@ -372,6 +385,7 @@ article.case {
text-align: center;
letter-spacing:3px;
border-bottom: 3px solid #1dd2af;
font-size: 24px;
}
}
}
......@@ -826,6 +840,7 @@ article.case {
}
}
.activeCarousel{
background: #FFFFFF;
height: 260px;
padding: 0;
top:3px;
......@@ -853,7 +868,7 @@ article.case {
/*工作机会页面*/
.works{
.margin-auto(1200px,auto);
min-height: 685px;
min-height: 780px;
ul{
padding:60px 80px;
li{
......@@ -915,7 +930,7 @@ article.case {
font-size: 14px;
color: #cccccc;
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 {
background-color: ghostwhite;
background-color: #ffffff;
float: left;
......@@ -44,12 +45,7 @@
display: block;
width:30px;
height: 52px;
color: ghostwhite;
float: left;
/* position: absolute;
top: 50%;
left: -5%;*/
z-index: 100;
}
.cooperation a.go.highlight {
......@@ -57,18 +53,29 @@
color: #000;
}
.cooperation a.prev {
background: url("../img/left.jpg") no-repeat;
display: inline-block;
.sprite(@prev);
position: absolute;
top: 40%;
left: -5%;
&.disabled{
.sprite(@left-gray);
}
}
.cooperation a.next {
background: url("../img/right.jpg") no-repeat;
display: inline-block;
.sprite(@next);
position: absolute;
top: 40%;
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. */
.cooperation .externalControl button,
......
dist/css/demo.css → src/less/largeSlides.less
* {
margin: 0;
padding: 0;
}
@charset "UTF-8";
@import "./common/base.less";
.rslides {
margin: 0 auto;
}
......@@ -135,7 +132,6 @@ h3 {
.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top:49%;
left:38px;
opacity: 0.7;
......@@ -143,10 +139,9 @@ h3 {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url("../img/Left.png") no-repeat left top;
margin-top: -45px;
display: inline-block;
.sprite(@-left);
}
.callbacks_nav:active {
......@@ -155,9 +150,9 @@ h3 {
.callbacks_nav.next {
left: auto;
background-position: right top;
right: 38px;
background: transparent url("../img/Right.png") no-repeat left top;
display: inline-block;
.sprite(@-right);
}
.callbacks_tabs{
position: absolute;
......
src/pages/case.ejs
......@@ -23,7 +23,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/meetBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -35,7 +35,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/banquetBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -47,7 +47,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/starBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -59,7 +59,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/showBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -71,7 +71,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/exercisesBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -83,7 +83,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/characterBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -95,7 +95,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/spaceBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -107,7 +107,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/foodBg.jpg" alt=""/>
</div>
<div class="mask">
<span>
......@@ -119,7 +119,7 @@
<li>
<a href="../html/caseDetails.html?c=1">
<div class="picture">
<img src="../img/text4.png" alt=""/>
<img src="../img/videoBg.jpgs" alt=""/>
</div>
<div class="mask">
<span>
......
src/pages/common/footer.ejs
<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>
<li><a href="../html/aboutUs.html?c=a">关于我们</a></li>
<li><a href="../html/works.html?c=b">工作机会</a></li>
......
src/pages/gal_activity.ejs
......@@ -11,7 +11,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title>
<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">
</head>
......@@ -60,7 +60,7 @@
<p>企视录影像</p>
</a>
</li>
<li class="active">
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
......@@ -137,7 +137,7 @@
<p>企视录影像</p>
</a>
</li>
<li class="active">
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
......@@ -178,7 +178,7 @@
<p>企视录影像</p>
</a>
</li>
<li class="active">
<li>
<a href="../html/gal_activityDetails.html?c=2">
<div>
<img src="../img/case_img.png" alt=""/>
......@@ -214,6 +214,61 @@
<p>企视录影像</p>
</a>
</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>
</div>
<a href="#" class="next" id="next2"></a>
......@@ -230,7 +285,7 @@
<script src="../js/jquery-1.11.1.js"></script>
<script src="../js/public.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">
......@@ -250,33 +305,50 @@
$(".prev").eq(i).css("display","none");
$(".next").eq(i).css("display","none");
$("#activeCarousel"+i).jCarouselLite({
circular: true,
circular: false,
speed: 800,
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{
$("#activeCarousel"+i).jCarouselLite({
btnNext:next,
btnPrev:prev,
mouseWheel: true,
circular: true,
circular: false,
speed: 800,
visible: 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>
/*案例模块放大效果*/
$(".activeCarousel ul li").mouseenter(function(){
/*案例模块伪类效果*/
$(".carousel ul li").mouseenter(function(){
$(this).addClass("active").siblings().removeClass("active");
}).mouseleave(function(){
$(this).addClass("active");
/*$(".activeCarousel li:first-child").addClass("active").siblings().removeClass("active");*/
})
</script>
</body>
......
src/pages/gallery.ejs
......@@ -11,7 +11,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title>
<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">
</head>
......
src/pages/index.ejs
......@@ -12,8 +12,8 @@
<title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/demo.css">
<link rel="stylesheet" href="../css/style-demo.css">
<link rel="stylesheet" href="../css/largeSlides.css">
<link rel="stylesheet" href="../css/jcarousellite.css">
<link rel="stylesheet" href="../css/index.css">
<script>
/*便于百度搜索引擎*/
......@@ -212,7 +212,7 @@
<!--预约服务-->
<section class="appoint">
<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="请输入11位手机号" id="tel" onchange="regValidation(this,0,phones)"/>
<input type="button" value="提交" id="submitBtn"/>
......@@ -249,7 +249,7 @@
<script src="../js/jquery-1.11.1.js"></script>
<script src="../js/responsiveslides.min.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>
......
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