Skip to content

T
test
提交 d0c8525e 作者: 陈涛
操作

更新项目内容

上级 0151eddc
正在显示 包含 58 行增加 和 39 行删除
about.html
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
</div> </div>
<div class="team1_video right"> <div class="team1_video right">
<video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/3.%E4%B8%BD%E6%99%AF%E7%90%B4%E5%9B%ADA%E7%BB%84.mp4" <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/3.%E4%B8%BD%E6%99%AF%E7%90%B4%E5%9B%ADA%E7%BB%84.mp4"
poster="./images/team_lijingqinyuan.jpg" controls></video> poster="./images/team_lijingqinyuan.png" controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
</div> </div>
<div class="team1_video left"> <div class="team1_video left">
<video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E9%80%90%E6%A2%A6%E5%89%8D%E8%A1%8C-%E5%87%A4%E5%87%B0%E5%9B%AD%E5%9B%A2%E9%98%9F.mp4" <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E9%80%90%E6%A2%A6%E5%89%8D%E8%A1%8C-%E5%87%A4%E5%87%B0%E5%9B%AD%E5%9B%A2%E9%98%9F.mp4"
poster="./images/team_fenghuangyuan.jpg" controls></video> poster="./images/team_longyunlou.jpg" controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
</div> </div>
<div class="team1_video right"> <div class="team1_video right">
<video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E7%AC%AC1%E5%90%8D%20%E6%96%B0%E4%B8%80%E4%B8%ADC%E7%BB%84.mp4" <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E7%AC%AC1%E5%90%8D%20%E6%96%B0%E4%B8%80%E4%B8%ADC%E7%BB%84.mp4"
poster="./images/team_xinyizhong.jpg" controls></video> poster="./images/team_xinyizhong.png" controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -222,7 +222,7 @@ ...@@ -222,7 +222,7 @@
</div> </div>
<div class="team1_video left"> <div class="team1_video left">
<video src="http://qjvideo.oss-cn-beijing.aliyuncs.com/1.%E7%AC%AC%E4%B8%80%E5%90%8D%20%E5%A4%A9%E5%85%83%E9%AA%8F%E6%99%AFB%E7%BB%84.mp4" <video src="http://qjvideo.oss-cn-beijing.aliyuncs.com/1.%E7%AC%AC%E4%B8%80%E5%90%8D%20%E5%A4%A9%E5%85%83%E9%AA%8F%E6%99%AFB%E7%BB%84.mp4"
poster="./images/team_fenghuangyuan.jpg" controls></video> poster="./images/team_tianyuanjunjing.png" controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -245,7 +245,7 @@ ...@@ -245,7 +245,7 @@
</div> </div>
<div class="team1_video right"> <div class="team1_video right">
<video src="http://qjvideo.oss-cn-beijing.aliyuncs.com/2.%E7%AC%AC%E4%BA%8C%E5%90%8D%20%E5%94%90%E5%9F%8E%E5%A3%B9%E9%9B%B6%E5%A3%B9C%E7%BB%84.mp4" <video src="http://qjvideo.oss-cn-beijing.aliyuncs.com/2.%E7%AC%AC%E4%BA%8C%E5%90%8D%20%E5%94%90%E5%9F%8E%E5%A3%B9%E9%9B%B6%E5%A3%B9C%E7%BB%84.mp4"
poster="./images/team_xinyizhong.jpg" controls></video> poster="./images/team_tangchengyilingyi.png" controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -277,7 +277,7 @@ ...@@ -277,7 +277,7 @@
<div class="personage zhaoyue"> <div class="personage zhaoyue">
<div class="team1_video left"> <div class="team1_video left">
<video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/3.%E7%AC%AC%E4%B8%89%E5%90%8D%20%E8%B5%B5%E8%B6%8A.mp4" <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/3.%E7%AC%AC%E4%B8%89%E5%90%8D%20%E8%B5%B5%E8%B6%8A.mp4"
poster="./images/personal_huangjin.jpg" controls></video> poster="./images/personal_zhaoyue.png" controls></video>
</div> </div>
<div class="team_msg left"> <div class="team_msg left">
<h1> <h1>
...@@ -318,7 +318,7 @@ ...@@ -318,7 +318,7 @@
<div class="personage qixiaoming"> <div class="personage qixiaoming">
<div class="team1_video left"> <div class="team1_video left">
<video src="http://qjvideo.oss-cn-beijing.aliyuncs.com/1.%E7%AC%AC%E4%B8%80%E5%90%8D%20%E9%BD%90%E5%B0%8F%E6%98%8E.mp4" <video src="http://qjvideo.oss-cn-beijing.aliyuncs.com/1.%E7%AC%AC%E4%B8%80%E5%90%8D%20%E9%BD%90%E5%B0%8F%E6%98%8E.mp4"
poster="./images/personal_qixiaoming.jpg" controls></video> poster="./images/personal_qixiaoming.png" controls></video>
</div> </div>
<div class="team_msg left"> <div class="team_msg left">
<h1> <h1>
...@@ -388,8 +388,8 @@ ...@@ -388,8 +388,8 @@
<div class="switch"></div> <div class="switch"></div>
</li> </li>
<li> <li>
<video class="video_four" src="https://qjvideo.oss-cn-beijing.aliyuncs.com/4.%E4%BA%BA%E6%9C%89%E5%85%B6%E5%B1%85.mp4" <video class="video_four" src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E5%AE%B6_x264.mp4"
poster="./images/short_cut3.jpg"></video> poster="./images/short_cut5.png"></video>
<div class="switch"></div> <div class="switch"></div>
</li> </li>
</ul> </ul>
......
js/index.js
...@@ -3,7 +3,7 @@ window.onload = function () { ...@@ -3,7 +3,7 @@ window.onload = function () {
// 固定导航背景颜色 // 固定导航背景颜色
var scroll = function () { var scroll = function () {
var nav_height = document.getElementById("top_nav"); var nav_height = document.getElementById("top_nav");
var scrollTop =document.body.scrollTop || document.documentElement.scrollTop; var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
if (scrollTop > 0) { if (scrollTop > 0) {
nav_height.classList.add('header_scroll') nav_height.classList.add('header_scroll')
} else { } else {
...@@ -30,7 +30,7 @@ window.onload = function () { ...@@ -30,7 +30,7 @@ window.onload = function () {
let home_one = document.getElementById("header").offsetTop - 90 let home_one = document.getElementById("header").offsetTop - 90
let home_two = document.getElementById("introduce").offsetTop - 90 let home_two = document.getElementById("introduce").offsetTop - 90
let home_three = document.getElementById("department").offsetTop - 90 let home_three = document.getElementById("department").offsetTop - 90
let home_four = document.getElementById("cours").offsetTop -100 let home_four = document.getElementById("cours").offsetTop - 100
let home_five = document.getElementById("product_service").offsetTop - 90 let home_five = document.getElementById("product_service").offsetTop - 90
let home_six = document.getElementById("honor").offsetTop - 120 let home_six = document.getElementById("honor").offsetTop - 120
let nav = document.getElementsByClassName("nav")[0]; let nav = document.getElementsByClassName("nav")[0];
...@@ -68,12 +68,12 @@ window.onload = function () { ...@@ -68,12 +68,12 @@ window.onload = function () {
} }
// 轮播鼠标移上事件 // 轮播鼠标移上事件
var video_box = document.getElementById("carouselExampleConta"); var video_box = document.getElementById("carouselExampleConta");
video_box.addEventListener("mouseenter",function(){ video_box.addEventListener("mouseenter", function () {
$(this).carousel('pause') $(this).carousel('pause')
},false); }, false);
video_box.addEventListener("mouseleave",function(){ video_box.addEventListener("mouseleave", function () {
$(this).carousel('cycle') $(this).carousel('cycle')
},false); }, false);
//这里是数组，若是对象格式仅为循环方式不同而已 //这里是数组，若是对象格式仅为循环方式不同而已
var json = [{ var json = [{
"resname": "人力资本部", "resname": "人力资本部",
...@@ -119,7 +119,7 @@ window.onload = function () { ...@@ -119,7 +119,7 @@ window.onload = function () {
"resname": "市场部", "resname": "市场部",
"img": "./images/market.jpg", "img": "./images/market.jpg",
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者." "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
},{ }, {
"resname": "人力资本部", "resname": "人力资本部",
"img": "./images/Human.jpg", "img": "./images/Human.jpg",
"resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。" "resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
...@@ -163,7 +163,7 @@ window.onload = function () { ...@@ -163,7 +163,7 @@ window.onload = function () {
"resname": "市场部", "resname": "市场部",
"img": "./images/market.jpg", "img": "./images/market.jpg",
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者." "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
},{ }, {
"resname": "人力资本部", "resname": "人力资本部",
"img": "./images/Human.jpg", "img": "./images/Human.jpg",
"resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。" "resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
...@@ -207,7 +207,7 @@ window.onload = function () { ...@@ -207,7 +207,7 @@ window.onload = function () {
"resname": "市场部", "resname": "市场部",
"img": "./images/market.jpg", "img": "./images/market.jpg",
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者." "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
},{ }, {
"resname": "人力资本部", "resname": "人力资本部",
"img": "./images/Human.jpg", "img": "./images/Human.jpg",
"resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。" "resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
...@@ -253,26 +253,27 @@ window.onload = function () { ...@@ -253,26 +253,27 @@ window.onload = function () {
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者." "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
} }
]; ];
function asd(){
var i=0; function asd() {
for(var n=0;n<12;n++){ var i = 0;
for (var n = 0; n < 12; n++) {
var tmp = "<div class='carousel-item video_box'><ul>"; var tmp = "<div class='carousel-item video_box'><ul>";
for (i; i < json.length; i++) { for (i; i < json.length; i++) {
if(i===(n+1)*3){ if (i === (n + 1) * 3) {
i=(n+1)*3; i = (n + 1) * 3;
break; break;
}else{ } else {
tmp +="<li>"+ tmp += "<li>" +
"<div class='images'>"+"<img src="+json[i].img+">"+"</div>"+ "<div class='images'>" + "<img src=" + json[i].img + ">" + "</div>" +
"<div class='text'>"+ "<div class='text'>" +
"<div class='titles'>"+json[i].resname+"</div>"+ "<div class='titles'>" + json[i].resname + "</div>" +
"<p>"+json[i].resint+"</p>"+ "<p>" + json[i].resint + "</p>" +
"</div>"+ "</div>" +
"</li>" ; "</li>";
} }
} }
tmp += "</ul></div>"; tmp += "</ul></div>";
var carouselExampleConta= document.getElementById("carouselExampleConta") var carouselExampleConta = document.getElementById("carouselExampleConta")
carouselExampleConta.getElementsByClassName("carousel-inner")[0].innerHTML += tmp; carouselExampleConta.getElementsByClassName("carousel-inner")[0].innerHTML += tmp;
carouselExampleConta.getElementsByClassName("carousel-item")[0].classList.add("active") carouselExampleConta.getElementsByClassName("carousel-item")[0].classList.add("active")
} }
...@@ -281,11 +282,11 @@ window.onload = function () { ...@@ -281,11 +282,11 @@ window.onload = function () {
// 招聘热线 文字跳动 // 招聘热线 文字跳动
var tel_content = document.getElementById("tel_content"); var tel_content = document.getElementById("tel_content");
var move_span = tel_content.getElementsByTagName("span") var move_span = tel_content.getElementsByTagName("span")
for(var s = 0 ; s < move_span.length ; s++){ for (var s = 0; s < move_span.length; s++) {
(function(e){ (function (e) {
var timer = setInterval(function(){ var timer = setInterval(function () {
move_span[e].classList.add("move_tel") move_span[e].classList.add("move_tel")
},e*200) }, e * 200)
})(s) })(s)
} }
...@@ -312,13 +313,24 @@ window.onload = function () { ...@@ -312,13 +313,24 @@ window.onload = function () {
common(); common();
// 荣誉资质轮播图 // 荣誉资质轮播图
let content = ["<h5>2018年12月千家地产被授予<strong>河北省住宅与房地产业协会副会长单位</strong></h5>",
"<h5>千家地产董事长宋山担任<strong>河北省住宅与房地产业协会副会长</strong></h5>",
"<h5>2018年1月千家房地产获得了河北省住宅与房地产业协会授予的<strong>“年度诚信房地产经营机构”</strong></h5>",
"<h5>千家地产人才需求涉及到多个专业，我们也愿意为拥有梦想的学子提供学习的平台和未来工作的机会。</h5>",
"<h5>2018年11月千家地产与唐山学院达成战略合作，成为<strong>唐山学院首家大学生人才培养基地</strong>，并与各大高校达成战略合作关系</h5>"];
certifySwiper = new Swiper('#honor .swiper-container', { certifySwiper = new Swiper('#honor .swiper-container', {
watchSlidesProgress: true, watchSlidesProgress: true,
slidesPerView: 'auto', slidesPerView: 'auto',
centeredSlides: true, centeredSlides: true,
loop: true, loop: true,
loopedSlides: 5, loopedSlides: 5,
autoplay: true, autoplay: {
delay: 5000,
stopOnLastSlide: false,
disableOnInteraction: true,
},
navigation: { navigation: {
nextEl: '.swiper-button-next', nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev', prevEl: '.swiper-button-prev',
...@@ -334,9 +346,9 @@ window.onload = function () { ...@@ -334,9 +346,9 @@ window.onload = function () {
var slideProgress = this.slides[i].progress; var slideProgress = this.slides[i].progress;
modify = 1; modify = 1;
if (Math.abs(slideProgress) > 1) { if (Math.abs(slideProgress) > 1) {
modify = (Math.abs(slideProgress) - 1) * 0.3 + 1; modify = (Math.abs(slideProgress) - 1) * 0.25 + 1;
} }
translate = slideProgress * modify * 260 + 'px'; translate = slideProgress * modify * 300 + 'px';
scale = 1 - Math.abs(slideProgress) / 5; scale = 1 - Math.abs(slideProgress) / 5;
zIndex = 999 - Math.abs(Math.round(10 * slideProgress)); zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
slide.transform('translateX(' + translate + ')'); slide.transform('translateX(' + translate + ')');
...@@ -352,6 +364,13 @@ window.onload = function () { ...@@ -352,6 +364,13 @@ window.onload = function () {
var slide = this.slides.eq(i) var slide = this.slides.eq(i)
slide.transition(transition); slide.transition(transition);
} }
},
slideNextTransitionEnd: function () {
$('.honor_content').html(content[$('.swiper-slide-active').attr('data-swiper-slide-index')]);
},
slidePrevTransitionEnd: function () {
$('.honor_content').html(content[$('.swiper-slide-active').attr('data-swiper-slide-index')]);
} }
} }
}) })
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论