Skip to content

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

更新项目内容

上级 0151eddc
正在显示 包含 58 行增加 和 39 行删除
about.html
......@@ -99,7 +99,7 @@
</div>
<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"
poster="./images/team_lijingqinyuan.jpg" controls></video>
poster="./images/team_lijingqinyuan.png" controls></video>
</div>
</div>
</div>
......@@ -123,7 +123,7 @@
</div>
<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"
poster="./images/team_fenghuangyuan.jpg" controls></video>
poster="./images/team_longyunlou.jpg" controls></video>
</div>
</div>
</div>
......@@ -148,7 +148,7 @@
</div>
<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"
poster="./images/team_xinyizhong.jpg" controls></video>
poster="./images/team_xinyizhong.png" controls></video>
</div>
</div>
</div>
......@@ -222,7 +222,7 @@
</div>
<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"
poster="./images/team_fenghuangyuan.jpg" controls></video>
poster="./images/team_tianyuanjunjing.png" controls></video>
</div>
</div>
</div>
......@@ -245,7 +245,7 @@
</div>
<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"
poster="./images/team_xinyizhong.jpg" controls></video>
poster="./images/team_tangchengyilingyi.png" controls></video>
</div>
</div>
</div>
......@@ -277,7 +277,7 @@
<div class="personage zhaoyue">
<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"
poster="./images/personal_huangjin.jpg" controls></video>
poster="./images/personal_zhaoyue.png" controls></video>
</div>
<div class="team_msg left">
<h1>
......@@ -318,7 +318,7 @@
<div class="personage qixiaoming">
<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"
poster="./images/personal_qixiaoming.jpg" controls></video>
poster="./images/personal_qixiaoming.png" controls></video>
</div>
<div class="team_msg left">
<h1>
......@@ -388,8 +388,8 @@
<div class="switch"></div>
</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"
poster="./images/short_cut3.jpg"></video>
<video class="video_four" src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E5%AE%B6_x264.mp4"
poster="./images/short_cut5.png"></video>
<div class="switch"></div>
</li>
</ul>
......
js/index.js
......@@ -3,7 +3,7 @@ window.onload = function () {
// 固定导航背景颜色
var scroll = function () {
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) {
nav_height.classList.add('header_scroll')
} else {
......@@ -30,7 +30,7 @@ window.onload = function () {
let home_one = document.getElementById("header").offsetTop - 90
let home_two = document.getElementById("introduce").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_six = document.getElementById("honor").offsetTop - 120
let nav = document.getElementsByClassName("nav")[0];
......@@ -68,12 +68,12 @@ window.onload = function () {
}
// 轮播鼠标移上事件
var video_box = document.getElementById("carouselExampleConta");
video_box.addEventListener("mouseenter",function(){
video_box.addEventListener("mouseenter", function () {
$(this).carousel('pause')
},false);
video_box.addEventListener("mouseleave",function(){
}, false);
video_box.addEventListener("mouseleave", function () {
$(this).carousel('cycle')
},false);
}, false);
//这里是数组，若是对象格式仅为循环方式不同而已
var json = [{
"resname": "人力资本部",
......@@ -119,7 +119,7 @@ window.onload = function () {
"resname": "市场部",
"img": "./images/market.jpg",
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
},{
}, {
"resname": "人力资本部",
"img": "./images/Human.jpg",
"resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
......@@ -163,7 +163,7 @@ window.onload = function () {
"resname": "市场部",
"img": "./images/market.jpg",
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
},{
}, {
"resname": "人力资本部",
"img": "./images/Human.jpg",
"resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
......@@ -207,7 +207,7 @@ window.onload = function () {
"resname": "市场部",
"img": "./images/market.jpg",
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
},{
}, {
"resname": "人力资本部",
"img": "./images/Human.jpg",
"resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
......@@ -253,26 +253,27 @@ window.onload = function () {
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
}
];
function asd(){
var i=0;
for(var n=0;n<12;n++){
function asd() {
var i = 0;
for (var n = 0; n < 12; n++) {
var tmp = "<div class='carousel-item video_box'><ul>";
for (i; i < json.length; i++) {
if(i===(n+1)*3){
i=(n+1)*3;
if (i === (n + 1) * 3) {
i = (n + 1) * 3;
break;
}else{
tmp +="<li>"+
"<div class='images'>"+"<img src="+json[i].img+">"+"</div>"+
"<div class='text'>"+
"<div class='titles'>"+json[i].resname+"</div>"+
"<p>"+json[i].resint+"</p>"+
"</div>"+
"</li>" ;
} else {
tmp += "<li>" +
"<div class='images'>" + "<img src=" + json[i].img + ">" + "</div>" +
"<div class='text'>" +
"<div class='titles'>" + json[i].resname + "</div>" +
"<p>" + json[i].resint + "</p>" +
"</div>" +
"</li>";
}
}
tmp += "</ul></div>";
var carouselExampleConta= document.getElementById("carouselExampleConta")
var carouselExampleConta = document.getElementById("carouselExampleConta")
carouselExampleConta.getElementsByClassName("carousel-inner")[0].innerHTML += tmp;
carouselExampleConta.getElementsByClassName("carousel-item")[0].classList.add("active")
}
......@@ -281,11 +282,11 @@ window.onload = function () {
// 招聘热线 文字跳动
var tel_content = document.getElementById("tel_content");
var move_span = tel_content.getElementsByTagName("span")
for(var s = 0 ; s < move_span.length ; s++){
(function(e){
var timer = setInterval(function(){
for (var s = 0; s < move_span.length; s++) {
(function (e) {
var timer = setInterval(function () {
move_span[e].classList.add("move_tel")
},e*200)
}, e * 200)
})(s)
}
......@@ -312,13 +313,24 @@ window.onload = function () {
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', {
watchSlidesProgress: true,
slidesPerView: 'auto',
centeredSlides: true,
loop: true,
loopedSlides: 5,
autoplay: true,
autoplay: {
delay: 5000,
stopOnLastSlide: false,
disableOnInteraction: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
......@@ -334,9 +346,9 @@ window.onload = function () {
var slideProgress = this.slides[i].progress;
modify = 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;
zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
slide.transform('translateX(' + translate + ')');
......@@ -352,6 +364,13 @@ window.onload = function () {
var slide = this.slides.eq(i)
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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论