|
...
|
...
|
@@ -9,7 +9,7 @@ |
|
|
|
<link rel="stylesheet" type="text/css" href="css/common.css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/index.css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/index_2.css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_u8m5zjdi1u.css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_bamhpf0xfl8.css">
|
|
|
|
<script src="js/base.js"></script>
|
|
|
|
<script src="js/jquery.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="css/swiper.css">
|
|
...
|
...
|
@@ -22,7 +22,7 @@ |
|
|
|
}
|
|
|
|
.icon-bofangshipin{
|
|
|
|
font-size: 0.38rem;
|
|
|
|
|
|
|
|
line-height: 1.4;
|
|
|
|
}
|
|
|
|
.swiper-container {
|
|
|
|
width: 100%;
|
|
...
|
...
|
@@ -63,6 +63,19 @@ |
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
.icon-guanbi{
|
|
|
|
position: absolute;
|
|
|
|
height: 0.5rem;
|
|
|
|
line-height: 0.5rem;
|
|
|
|
top: 0;
|
|
|
|
right: 0.2rem;
|
|
|
|
}
|
|
|
|
.icon-shangsanjiao{
|
|
|
|
position: absolute;
|
|
|
|
top: -0.2rem;
|
|
|
|
left: -0.2rem;
|
|
|
|
color: orangered;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<script src="js/swiper.js"></script>
|
|
...
|
...
|
@@ -78,7 +91,18 @@ |
|
|
|
中
|
|
|
|
</div>
|
|
|
|
<!--菜单图标-->
|
|
|
|
<div class="iconfont icon-caidan"></div>
|
|
|
|
<div class="iconfont icon-caidan">
|
|
|
|
<!--菜单列表-->
|
|
|
|
<div class="menu_item" style="display: none;">
|
|
|
|
|
|
|
|
<p class="index_jump">主页
|
|
|
|
<span class="iconfont icon-shangsanjiao"></span>
|
|
|
|
</p >
|
|
|
|
<p class="rwxq_jump">人物详情</p>
|
|
|
|
<p class="grzy_jump">个人主页</p>
|
|
|
|
<p class="spxq_jump">视频详情</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--中-->
|
|
|
|
<div class="top_t_middle">
|
|
...
|
...
|
@@ -132,7 +156,7 @@ |
|
|
|
</div>
|
|
|
|
<!--最新小视频窗口-->
|
|
|
|
<div class="new_video_item">
|
|
|
|
<div class="new_video">
|
|
|
|
<div class="new_video video_player">
|
|
|
|
<div class="new_video_top">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
...
|
...
|
@@ -149,7 +173,7 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="new_video">
|
|
|
|
<div class="new_video video_player">
|
|
|
|
<div class="new_video_top">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
...
|
...
|
@@ -168,7 +192,7 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--最新打视频窗口-->
|
|
|
|
<div class="new_video_big">
|
|
|
|
<div class="new_video_big video_player">
|
|
|
|
<div class="new_video_big_pic">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
...
|
...
|
@@ -319,6 +343,8 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--动态层-->
|
|
|
|
<div class="mask" style="display: none;" >
|
|
|
|
<div class="pop">
|
|
...
|
...
|
@@ -332,11 +358,63 @@ |
|
|
|
百科
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--1111-->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--视频播放层-->
|
|
|
|
<div class="mask mask_2" style="display: none">
|
|
|
|
<div class="mask_video">
|
|
|
|
<div class="mask_video_top">视频
|
|
|
|
<!--关闭-->
|
|
|
|
<div class="iconfont icon-guanbi"></div>
|
|
|
|
</div>
|
|
|
|
<div class="mask_video_bottom">
|
|
|
|
<video src="video/Bugatti_1.mp4" controls="controls" webkit-playsinline="true" playsinline="true" x5-playsinline="true" id="video_1">
|
|
|
|
|
|
|
|
</video>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<script>
|
|
|
|
//点击打开菜单
|
|
|
|
$('.icon-caidan').click(function () {
|
|
|
|
$('.menu_item').slideToggle();
|
|
|
|
})
|
|
|
|
|
|
|
|
//地址跳转
|
|
|
|
$('.index_jump').click(function () {
|
|
|
|
window.location.href = 'index_2.html'
|
|
|
|
})
|
|
|
|
$('.rwxq_jump').click(function () {
|
|
|
|
window.location.href = 'rwxq.html'
|
|
|
|
})
|
|
|
|
$('.grzy_jump').click(function () {
|
|
|
|
window.location.href = 'grzy.html'
|
|
|
|
})
|
|
|
|
$('.spxq_jump').click(function () {
|
|
|
|
window.location.href = 'grzy.html'
|
|
|
|
})
|
|
|
|
|
|
|
|
//点击打开视频
|
|
|
|
$('.video_player').click(function () {
|
|
|
|
$('.mask_2').css("display","flex");
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
// 点击关闭视频
|
|
|
|
$('.icon-guanbi').click(function () {
|
|
|
|
$('.mask_2').css("display","none")
|
|
|
|
var video = document.getElementById('video_1');
|
|
|
|
video.pause()
|
|
|
|
})
|
|
|
|
|
|
|
|
//点击图片进入视频详情
|
|
|
|
$('.pic_box').click(function () {
|
|
|
|
window.location.href = "spxq.html"
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
var swiper = new Swiper('.swiper-container',{
|
|
|
|
|
|
|
|
loop: true, // 循环模式选项
|
...
|
...
|
|
