Skip to content

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

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

上级 32a815d0
正在显示 包含 26 行增加 和 107 行删除
css/join_us.css
......@@ -284,7 +284,6 @@ footer {
}
footer .support {
font-size: 12px;
font-weight: 600;
color: #fff;
margin-left: 50%;
transform: translate(-65px);
......
css/qj_show.css
......@@ -122,7 +122,6 @@ header {
left:0px;
letter-spacing: 2px;
}
#content3 .top_words span{
display: inline-block;
font-size: 30px;
......@@ -153,7 +152,7 @@ header {
}
/* 样式模板 丽景琴园团队 */
.team_msg {
margin-left: 107px;
margin-left: 35px;
}
/* 团队名称 */
.team_msg h1 {
......@@ -201,7 +200,7 @@ header {
}
.team1_video video {
object-fit: fill;
width: 700px;
width: 800px;
height: 580px;
margin:14px;
}
......@@ -216,7 +215,7 @@ header {
}
#content3 .team4 .team_msg,
#content3 .team2 .team_msg {
margin: 0px 107px 0px 0px;
margin: 0px 45px 0px 0px;
text-align: right;
}
/* 团队介绍 */
......@@ -245,7 +244,7 @@ header {
left: 227px;
}
#content3 .team4 .team_msg .line {
left: 301px;
left: 300px;
}
#content3 .team{
margin-bottom:135px;
......@@ -372,3 +371,9 @@ header {
width: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 @@
// 返回顶部
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)
}
var timer = null;
go_top.onclick = function(){
cancelAnimationFrame(timer);
timer = requestAnimationFrame(function fn(){
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
if(oTop > 0){
document.body.scrollTop = document.documentElement.scrollTop = oTop - 300;
timer = requestAnimationFrame(fn);
}else{
cancelAnimationFrame(timer);
}
});
}
</script>
</html>
\ No newline at end of file
qj_show.html
......@@ -361,10 +361,10 @@
</div>
<!-- 底部 -->
<footer id="footer">
<div class="service_img">
<div class="service_img show">
<img src="./images/white_logo.png" alt="">
</div>
<p>千家网络科技提供技术支持</p>
<p class="support" id="words">千家网络科技提供技术支持</p>
</footer>
</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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论