Skip to content

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

视频封面和备案号

上级 fd48ca39
正在显示 包含 137 行增加 和 30 行删除
css/index.css
......@@ -1107,17 +1107,46 @@
background: #192d3b;
}
#footer img{
padding-top:56px;
padding-top:30px;
display: block;
margin:auto;
}
#footer p{
#footer .support{
font-size: 12px;
line-height: 12px;
color:#fff;
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 {
from {
......
css/reset.css
......@@ -262,7 +262,16 @@ button {
font-family: 'calibril';
src: url('../font/calibril.ttf')
}
/* @font-face{
font-family: 'DIN Black';
src: url('../font/DIN-Black.otf')
} */
\ No newline at end of file
/* video标签去掉右下方下载按钮 */
video::-internal-media-controls-download-button {
display:none;
}
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 @@
<script src="./js/jquery-3.3.1.slim.min.js"></script>
<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/banner.js"></script>
<script src='./js/index.js'></script>
</head>
<body>
......@@ -687,15 +685,55 @@
<div class="service_img">
<img src="./images/white_logo.png" alt="">
</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>
</body>
<script type="text/javascript" src="./js/wow.min.js"></script>
<!-- <script src="./js/banner.js"></script> -->
<script src="./js/index.js"></script>
<script>
new WOW().init()
$('.carousel').carousel({
interval: 5000,
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>
</html>
\ No newline at end of file
js/banner.js
window.onload = function(){
// 刷新回到顶部
// setTimeout(() => window.scrollTo(0,0), 14)
setTimeout(() => window.scrollTo(0,0), 14)
// 侧边二维码
var qr_code = document.getElementsByClassName("qr_code")[0];
......@@ -36,5 +36,4 @@ window.onload = function(){
clearInterval(timer)
}
}
}
\ No newline at end of file
js/index.js
window.onload =function(){
// 导航动画
var nav = document.getElementsByClassName("nav")[0];
var click_a = nav.getElementsByTagName("a");
for(let i = 0 ; i < click_a.length ; i++){
......@@ -27,6 +27,7 @@ window.onload =function(){
scroll()
}
// 导航条滚动加载样式
function home_scroll(){
let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
let home_one = document.getElementById("top").offsetTop - 90
......
qj_show.html
......@@ -35,7 +35,7 @@
</div>
</div>
</div>
<!-- 右 侧边栏 -->
<!-- 右侧边栏 -->
<nav id="sidebar">
<ul>
<li class="qr_code">
......@@ -71,7 +71,12 @@
</div>
<!-- 公司宣传视频 -->
<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 class="main" id="main">
......@@ -105,7 +110,9 @@
</div>
</div>
<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>
......@@ -127,7 +134,9 @@
</div>
</div>
<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>
......@@ -149,7 +158,9 @@
</div>
</div>
<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>
......@@ -174,7 +185,9 @@
</div>
</div>
<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>
......@@ -198,7 +211,9 @@
</div>
</div>
<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>
......@@ -229,7 +244,9 @@
<div class="person_content clear">
<div class="personage dongzuojin" style="display:block">
<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 class="team_msg left">
<h1>
......@@ -245,7 +262,9 @@
</div>
<div class="personage jiangdong">
<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 class="team_msg left">
<h1>
......@@ -264,7 +283,9 @@
</div>
<div class="personage huangdayong">
<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 class="team_msg left">
<h1>
......@@ -297,7 +318,9 @@
<!-- 视差内容2 校园招聘-->
<div class="content" id="content5" data-stellar-background-ratio="1">
<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>
......@@ -312,16 +335,24 @@
<div class="box_show">
<ul class="video_box clear">
<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>
<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>
<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>
<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>
</ul>
</div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论