Skip to content

T
test
提交 4448416e 作者: 刘贵生
操作

优化代码.返回顶部bug修改

上级 32a815d0
正在显示 包含 26 行增加 和 107 行删除
css/join_us.css
...@@ -284,7 +284,6 @@ footer { ...@@ -284,7 +284,6 @@ footer {
} }
footer .support { footer .support {
font-size: 12px; font-size: 12px;
font-weight: 600;
color: #fff; color: #fff;
margin-left: 50%; margin-left: 50%;
transform: translate(-65px); transform: translate(-65px);
......
css/qj_show.css
...@@ -122,7 +122,6 @@ header { ...@@ -122,7 +122,6 @@ header {
left:0px; left:0px;
letter-spacing: 2px; letter-spacing: 2px;
} }
#content3 .top_words span{ #content3 .top_words span{
display: inline-block; display: inline-block;
font-size: 30px; font-size: 30px;
...@@ -153,7 +152,7 @@ header { ...@@ -153,7 +152,7 @@ header {
} }
/* 样式模板 丽景琴园团队 */ /* 样式模板 丽景琴园团队 */
.team_msg { .team_msg {
margin-left: 107px; margin-left: 35px;
} }
/* 团队名称 */ /* 团队名称 */
.team_msg h1 { .team_msg h1 {
...@@ -201,7 +200,7 @@ header { ...@@ -201,7 +200,7 @@ header {
} }
.team1_video video { .team1_video video {
object-fit: fill; object-fit: fill;
width: 700px; width: 800px;
height: 580px; height: 580px;
margin:14px; margin:14px;
} }
...@@ -216,7 +215,7 @@ header { ...@@ -216,7 +215,7 @@ header {
} }
#content3 .team4 .team_msg, #content3 .team4 .team_msg,
#content3 .team2 .team_msg { #content3 .team2 .team_msg {
margin: 0px 107px 0px 0px; margin: 0px 45px 0px 0px;
text-align: right; text-align: right;
} }
/* 团队介绍 */ /* 团队介绍 */
...@@ -245,7 +244,7 @@ header { ...@@ -245,7 +244,7 @@ header {
left: 227px; left: 227px;
} }
#content3 .team4 .team_msg .line { #content3 .team4 .team_msg .line {
left: 301px; left: 300px;
} }
#content3 .team{ #content3 .team{
margin-bottom:135px; margin-bottom:135px;
...@@ -372,3 +371,9 @@ header { ...@@ -372,3 +371,9 @@ header {
width:100%; width:100%;
height:100%; height:100%;
} }
#footer .show {
padding-top: 25px;
}
#footer #words {
margin-top: 30px;
}
\ No newline at end of file
index.html
...@@ -715,25 +715,18 @@ ...@@ -715,25 +715,18 @@
// 返回顶部 // 返回顶部
var go_top = document.getElementsByClassName("go_top")[0]; var go_top = document.getElementsByClassName("go_top")[0];
go_top.onclick = function backTop () { var timer = null;
clearInterval(timer); go_top.onclick = function(){
var timer = setInterval(function() { cancelAnimationFrame(timer);
let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop; timer = requestAnimationFrame(function fn(){
let now = scrollHeight; var oTop = document.body.scrollTop || document.documentElement.scrollTop;
let speed = (2 - now) / 15; if(oTop > 0){
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); document.body.scrollTop = document.documentElement.scrollTop = oTop - 300;
if (scrollHeight === 0) { timer = requestAnimationFrame(fn);
clearInterval(timer); }else{
} cancelAnimationFrame(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
qj_show.html
...@@ -361,10 +361,10 @@ ...@@ -361,10 +361,10 @@
</div> </div>
<!-- 底部 --> <!-- 底部 -->
<footer id="footer"> <footer id="footer">
<div class="service_img"> <div class="service_img show">
<img src="./images/white_logo.png" alt=""> <img src="./images/white_logo.png" alt="">
</div> </div>
<p>千家网络科技提供技术支持</p> <p class="support" id="words">千家网络科技提供技术支持</p>
</footer> </footer>
</body> </body>
......
test.html deleted 100644 → 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- <link href="https://vjs.zencdn.net/7.0.3/video-js.css" rel="stylesheet"> -->
<!-- <script src="http://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script> -->
<!-- <script src="https://vjs.zencdn.net/7.0.3/video.js"></script> -->
<link rel="stylesheet" href="./css//bootstrap.min.css">
<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>
</head>
<style>
* {
margin: 0;
padding: 0;
}
video {
object-fit: fill;
/* margin-left: 50%;
transform: translate(-600px);
margin-top: 20px; */
}
h1 {
margin-left: 50%;
transform: translate(-65px);
color: rgb(107, 89, 89);
}
</style>
<body>
<!-- <h1>千家风采</h1> -->
<video id="video" src="/home/liu/c_企业站/企业站视频素材/2018千家宣传片.mp4" autoplay preload="preload" controls="controls"></video>
<!-- <video id="my-video" class="video-js" controls preload="auto" width="1000px"
poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
<source src="./第一高峰.mp4">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video> -->
<div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="./images/banner1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./images/banner2.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
</body>
<script>
var video = document.getElementById("video")
video.style.width = document.body.clientWidth + "px";
video.style.height = document.body.clientHeight + "px"
console.log(document.body.clientWidth)
console.log(document.body.clientHeight)
$('.carousel').carousel({
interval: 3000,
pause: false
})
</script>
</html>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论