Skip to content

T
test
提交 32a815d0 作者: 刘贵生
操作

视频封面和备案号

上级 fd48ca39
正在显示 包含 137 行增加 和 30 行删除
css/index.css
...@@ -1107,17 +1107,46 @@ ...@@ -1107,17 +1107,46 @@
background: #192d3b; background: #192d3b;
} }
#footer img{ #footer img{
padding-top:56px; padding-top:30px;
display: block; display: block;
margin:auto; margin:auto;
} }
#footer p{ #footer .support{
font-size: 12px; font-size: 12px;
line-height: 12px; line-height: 12px;
color:#fff; color:#fff;
text-align: center; text-align: center;
margin-top:30px; margin-top:20px;
}
#footer span {
font-size: 12px;
color: #fff;
display: block;
text-align: center;
margin-top: 5px;
}
#footer .filing_information {
width: 200px;
display: block;
margin-left: 50%;
transform: translate(-100px);
margin-top: 10px;
} }
#footer .filing_information p {
font-size: 12px;
color: #fff;
margin-left: 5px;
}
#footer .filing_information p:hover {
color: #12ab8d;
}
#footer .filing_information img {
width: 15px;
height: 15px;
padding-top: 0;
}
/* 自定义动画 */ /* 自定义动画 */
@keyframes smallBig { @keyframes smallBig {
from { from {
......
css/reset.css
...@@ -262,7 +262,16 @@ button { ...@@ -262,7 +262,16 @@ button {
font-family: 'calibril'; font-family: 'calibril';
src: url('../font/calibril.ttf') src: url('../font/calibril.ttf')
} }
/* @font-face{
font-family: 'DIN Black'; /* video标签去掉右下方下载按钮 */
src: url('../font/DIN-Black.otf') video::-internal-media-controls-download-button {
} */ display:none;
\ No newline at end of file }
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
\ No newline at end of file
index.html
...@@ -13,8 +13,6 @@ ...@@ -13,8 +13,6 @@
<script src="./js/jquery-3.3.1.slim.min.js"></script> <script src="./js/jquery-3.3.1.slim.min.js"></script>
<script src="./js/popper.min.js"></script> <script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script> <script src="./js/bootstrap.min.js"></script>
<script src="./js/banner.js"></script>
<script src='./js/index.js'></script>
</head> </head>
<body> <body>
...@@ -687,15 +685,55 @@ ...@@ -687,15 +685,55 @@
<div class="service_img"> <div class="service_img">
<img src="./images/white_logo.png" alt=""> <img src="./images/white_logo.png" alt="">
</div> </div>
<p>千家网络科技提供技术支持</p> <p class="support">千家网络科技提供技术支持</p>
<span>唐山千家房产网版权所有copyright 2005-2014© www.allqj.com Network.All Rights Reserved.冀ICP备14024444号-1</span>
<a href="http://www.tsgswj.gov.cn//ei/Ei!certificate.action?id=4028858a5e8395ee015e94710f27001f" class="clear filing_information">
<img class="left" src="./images/filing_information.png" alt="">
<p class="left">京公网安备130203000002619号</p>
</a>
</footer> </footer>
</body> </body>
<script type="text/javascript" src="./js/wow.min.js"></script> <script type="text/javascript" src="./js/wow.min.js"></script>
<!-- <script src="./js/banner.js"></script> -->
<script src="./js/index.js"></script>
<script> <script>
new WOW().init() new WOW().init()
$('.carousel').carousel({ $('.carousel').carousel({
interval: 5000, interval: 5000,
pause: false pause: false
}) })
var qr_code = document.getElementsByClassName("qr_code")[0];
var code_img = this.document.getElementsByClassName("code_img")[0];
qr_code.onmouseover = function () {
code_img.style.opacity = 1;
code_img.style.animation = "rightLeft .8s ease-in-out forwards"
}
qr_code.onmouseout = function () {
code_img.style.opacity = 0;
code_img.style.animation = ""
}
// 返回顶部
var go_top = document.getElementsByClassName("go_top")[0];
go_top.onclick = function backTop () {
clearInterval(timer);
var timer = setInterval(function() {
let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop;
let now = scrollHeight;
let speed = (2 - now) / 15;
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
if (scrollHeight === 0) {
clearInterval(timer);
}
document.documentElement.scrollTop = scrollHeight + speed;
document.body.scrollTop = scrollHeight + speed;
}, 14);
window.onmousewheel = function(){
clearInterval(timer);
}
go_top.onmouseout = function(){
clearInterval(timer)
}
}
</script> </script>
</html> </html>
\ No newline at end of file
js/banner.js
window.onload = function(){ window.onload = function(){
// 刷新回到顶部 // 刷新回到顶部
// setTimeout(() => window.scrollTo(0,0), 14) setTimeout(() => window.scrollTo(0,0), 14)
// 侧边二维码 // 侧边二维码
var qr_code = document.getElementsByClassName("qr_code")[0]; var qr_code = document.getElementsByClassName("qr_code")[0];
...@@ -36,5 +36,4 @@ window.onload = function(){ ...@@ -36,5 +36,4 @@ window.onload = function(){
clearInterval(timer) clearInterval(timer)
} }
} }
} }
\ No newline at end of file
js/index.js
window.onload =function(){ window.onload =function(){
// 导航动画
var nav = document.getElementsByClassName("nav")[0]; var nav = document.getElementsByClassName("nav")[0];
var click_a = nav.getElementsByTagName("a"); var click_a = nav.getElementsByTagName("a");
for(let i = 0 ; i < click_a.length ; i++){ for(let i = 0 ; i < click_a.length ; i++){
...@@ -27,6 +27,7 @@ window.onload =function(){ ...@@ -27,6 +27,7 @@ window.onload =function(){
scroll() scroll()
} }
// 导航条滚动加载样式
function home_scroll(){ function home_scroll(){
let scrollTop = document.documentElement.scrollTop || document.body.scrollTop let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
let home_one = document.getElementById("top").offsetTop - 90 let home_one = document.getElementById("top").offsetTop - 90
......
qj_show.html
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 右 侧边栏 --> <!-- 右侧边栏 -->
<nav id="sidebar"> <nav id="sidebar">
<ul> <ul>
<li class="qr_code"> <li class="qr_code">
...@@ -71,7 +71,12 @@ ...@@ -71,7 +71,12 @@
</div> </div>
<!-- 公司宣传视频 --> <!-- 公司宣传视频 -->
<div class="first_video"> <div class="first_video">
<video id="company_video" src="https://qjvideo.oss-cn-beijing.aliyuncs.com/2018%E5%8D%83%E5%AE%B6%E5%AE%A3%E4%BC%A0%E7%89%87.mp4" autoplay preload="preload" controls="controls"></video> <video id="company_video"
src="https://qjvideo.oss-cn-beijing.aliyuncs.com/2018%E5%8D%83%E5%AE%B6%E5%AE%A3%E4%BC%A0%E7%89%87.mp4"
poster="./images/company_show_img.png"
autoplay
preload="preload"
controls="controls"></video>
</div> </div>
<!-- 视差滚动 --> <!-- 视差滚动 -->
<div class="main" id="main"> <div class="main" id="main">
...@@ -105,7 +110,9 @@ ...@@ -105,7 +110,9 @@
</div> </div>
</div> </div>
<div class="team1_video right"> <div class="team1_video right">
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E7%AC%AC1%E5%90%8D%20%E4%B8%BD%E6%99%AF%E7%90%B4%E5%9B%ADa%E7%BB%84_x264.mp4"
poster="./images/team_lijingqinyuan.png"
controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -127,7 +134,9 @@ ...@@ -127,7 +134,9 @@
</div> </div>
</div> </div>
<div class="team1_video left"> <div class="team1_video left">
<video src="./第一高峰.mp4" controls></video> <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.png"
controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -149,7 +158,9 @@ ...@@ -149,7 +158,9 @@
</div> </div>
</div> </div>
<div class="team1_video right"> <div class="team1_video right">
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E9%80%90%E6%A2%A6%E5%89%8D%E8%A1%8C-%E6%96%B0%E4%B8%80%E4%B8%AD%E5%9B%A2%E9%98%9F.mp4"
poster="./images/team_xinyizhong.png"
controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -174,7 +185,9 @@ ...@@ -174,7 +185,9 @@
</div> </div>
</div> </div>
<div class="team1_video left"> <div class="team1_video left">
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E7%AC%AC2%E5%90%8D%20%E6%9C%AA%E6%9D%A5%E5%9F%8E%E5%BA%97H%E7%BB%84.mp4"
poster="./images/team_weilaicheng.png"
controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -198,7 +211,9 @@ ...@@ -198,7 +211,9 @@
</div> </div>
</div> </div>
<div class="team1_video right"> <div class="team1_video right">
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E7%AC%AC3%E5%90%8D%20%E9%B9%AD%E6%B8%AF%E4%B8%80%E6%9C%9Fb%E7%BB%84_x264.mp4"
poster="./images/team_lugangyiqi.png"
controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -229,7 +244,9 @@ ...@@ -229,7 +244,9 @@
<div class="person_content clear"> <div class="person_content clear">
<div class="personage dongzuojin" style="display:block"> <div class="personage dongzuojin" style="display:block">
<div class="team1_video left"> <div class="team1_video left">
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E7%AC%AC2%E5%90%8D%20%E8%91%A3%E9%94%A6.mp4"
poster="./images/personal_huangjin.png"
controls></video>
</div> </div>
<div class="team_msg left"> <div class="team_msg left">
<h1> <h1>
...@@ -245,7 +262,9 @@ ...@@ -245,7 +262,9 @@
</div> </div>
<div class="personage jiangdong"> <div class="personage jiangdong">
<div class="team1_video left"> <div class="team1_video left">
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E5%A7%9C%E4%B8%9C.mp4"
poster="./images/personal_jiangdong.png"
controls></video>
</div> </div>
<div class="team_msg left"> <div class="team_msg left">
<h1> <h1>
...@@ -264,7 +283,9 @@ ...@@ -264,7 +283,9 @@
</div> </div>
<div class="personage huangdayong"> <div class="personage huangdayong">
<div class="team1_video left"> <div class="team1_video left">
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E7%AC%AC3%E5%90%8D%20%E9%BB%84%E5%A4%A7%E5%8B%87.mp4"
poster="./images/personal_huangdayong.png"
controls></video>
</div> </div>
<div class="team_msg left"> <div class="team_msg left">
<h1> <h1>
...@@ -297,7 +318,9 @@ ...@@ -297,7 +318,9 @@
<!-- 视差内容2 校园招聘--> <!-- 视差内容2 校园招聘-->
<div class="content" id="content5" data-stellar-background-ratio="1"> <div class="content" id="content5" data-stellar-background-ratio="1">
<div class="main_body"> <div class="main_body">
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E6%A0%A1%E6%8B%9B%E5%AE%A3%E4%BC%A0%E7%89%871_x264.mp4"
poster="./images/school_ku.png"
controls></video>
</div> </div>
</div> </div>
</div> </div>
...@@ -312,16 +335,24 @@ ...@@ -312,16 +335,24 @@
<div class="box_show"> <div class="box_show">
<ul class="video_box clear"> <ul class="video_box clear">
<li> <li>
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/1.%E9%BA%BB%E9%9B%80%20%E6%9C%80%E7%BB%88%E9%85%8D%E9%9F%B3%E7%89%88_x264.mp4"
poster="./images/short_cut2.png"
controls></video>
</li> </li>
<li> <li>
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E5%9B%9E%E5%AE%B6%E6%8E%A2%E4%BA%B2_x264.mp4"
poster="./images/short_cut4.png"
controls></video>
</li> </li>
<li> <li>
<video src="./第一高峰.mp4" controls></video> <video src="https://qjvideo.oss-cn-beijing.aliyuncs.com/%E7%AC%AC%E4%B8%80%E9%AB%98%E5%B3%B0.mp4"
poster="./images/short_cut1.png"
controls></video>
</li> </li>
<li> <li>
<video src="./第一高峰.mp4" controls></video> <video 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.png"
controls></video>
</li> </li>
</ul> </ul>
</div> </div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论