chen
/
jinsha
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
jinsha/index.html

190 lines
10 KiB
HTML
Raw Normal View History

修改授权、产品页
2021-12-09 08:52:54 +00:00
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文，zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<!-- 声明文档使用的字符编码 -->
<meta charset="utf-8" />
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 网页作者 -->
<meta name="author" content="吃肉的饺子,2659004835@qq.com" />
<!-- 网站说明 -->
<meta name="description" content="基于SEO网站" />
<!-- 关键字 -->
<meta name="keywords" content="基于SEO网站" />
<!-- 防页面被转码----根据浏览器的屏幕大小自适应的展现合适的效果，同时适合在移动设备和电脑上进行浏览 -->
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<!-- 限制所有的搜索引擎建立网页快照 -->
<meta name="robots" content="noarchive"/>
<!-- 为移动设备添加 viewport -->
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<!-- 控制选项卡颜色，手机端切换软件时 -->
<meta name="theme-color" content="#db5945">
<!-- 禁止 Chrome 浏览器中自动提示翻译 -->
<meta name="google" value="notranslate">
<!-- 添加 favicon icon icon在线制作链接：（比特虫）https://www.bitbug.net/ -->
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<!-- 网站标题 -->
<title>金沙酒业</title>
<!-- 标签基本样式 -->
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<!-- swiper轮播 -->
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<!-- 自定义样式 -->
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<!-- 外部js -->
<script src="./js/jquery.js" type="text/javascript" charset="utf-8"></script>
<!-- <script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script> -->
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<!-- 自定义js -->
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// 更新js文件版本，达到清除js带来的缓存
var scripts = document.getElementsByTagName("script");
for(var i = 0;i < scripts.length; i++){
if(scripts[i].src){
scripts[i].src = scripts[i].src+"?t="+new Date().getTime();
}
}
// 更新css文件版本，达到清除css带来的缓存
var csss = document.getElementsByTagName("link");
for(var i = 0;i < csss.length; i++){
if(csss[i].href){
csss[i].href = csss[i].href+"?t="+new Date().getTime();
}
}
</script>
</head>
新增弹幕
2021-12-10 02:06:19 +00:00
<body>
修改授权、产品页
2021-12-09 08:52:54 +00:00
<!-- 主体内容 -->
<main class="main" style="background-color: #FFFFFF;">
新增提示，新增首页动效
2021-12-13 04:08:32 +00:00
<div class="header-box">
<div class="logo-box"><img src="imgs/secondary/logo.png"></div>
<div class="zhuti-box"><img src="imgs/secondary/zhuti.png" ></div>
<div class="item-box">
<div>
<img src="imgs/public/licheng.png">
<span>奋进中的金沙</span>
<p>历程展</p>
</div>
<div>
<img src="imgs/public/wenxian.png">
<span>记忆中的金沙</span>
<p>文献展</p>
</div>
<div>
<img src="imgs/public/shiguang.png">
<span>时光里的金沙</span>
<p>器物展</p>
</div>
<div>
<img src="imgs/public/sheying.png">
<span>镜头下的金沙</span>
<p>摄影展</p>
</div>
</div>
</div>
<!-- <img src="imgs/public/head-img.png"> -->
修改授权、产品页
2021-12-09 08:52:54 +00:00
<div class="introduce-box">
<div class="introduce-content">
<span class="clips5">
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
</span>
新增提示，新增首页动效
2021-12-13 04:08:32 +00:00
<!-- <p onclick="checkInfo()">>>查看详情</p> -->
新增弹幕
2021-12-10 02:06:19 +00:00
<div class="info-box">
<h1>金沙酒业介绍</h1>
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
<div class="close-box" onclick="closeEv()"><div>关闭</div></div>
</div>
修改授权、产品页
2021-12-09 08:52:54 +00:00
</div>
</div>
<!-- 回顾、历程 -->
<div class="review-box">
<div class="huigu-box">
<p>- 金沙酒业国营元70周年献礼片 -</p>
新增弹幕
2021-12-10 02:06:19 +00:00
<div class="video-box">
新增提示，新增首页动效
2021-12-13 04:08:32 +00:00
<img class="cover-img vedio1" src="imgs/public/cover-icon.png" >
<video id="vedio1" class="cover-img" width="100%" height="100%" src="imgs/secondary/1" controls poster="imgs/public/cover-icon.png"></video>
<img onclick="playVedio('vedio1')" class="play-img vedio1" src="imgs/public/play-icon.png" >
修改授权、产品页
2021-12-09 08:52:54 +00:00
</div>
<span>感恩奋进70年，致敬时代金沙人！</span>
</div>
新增弹幕
2021-12-10 02:06:19 +00:00
<div class="huigu-box">
新增提示，新增首页动效
2021-12-13 04:08:32 +00:00
<p>- 金沙酒业国营元年70周年献礼片 -</p>
新增弹幕
2021-12-10 02:06:19 +00:00
<div class="video-box">
新增提示，新增首页动效
2021-12-13 04:08:32 +00:00
<img class="cover-img vedio2" src="imgs/public/cover-icon.png" >
<video id="vedio2" class="cover-img" width="100%" height="100%" src="imgs/secondary/1" controls poster="imgs/public/cover-icon.png"></video>
<img onclick="playVedio('vedio2')" class="play-img vedio2" src="imgs/public/play-icon.png" >
新增弹幕
2021-12-10 02:06:19 +00:00
</div>
<span>感恩奋进70年，致敬时代金沙人！</span>
</div>
优化查看详情
2021-12-10 02:43:57 +00:00
<div class="huigu-box">
新增首页底部轮播
2021-12-10 03:25:05 +00:00
<p style="margin-bottom: 10px;">- 展览回顾相册 -</p>
<div class="swiper-container swiper">
优化查看详情
2021-12-10 02:43:57 +00:00
<div class="swiper-wrapper">
<div class="swiper-slide">
新增首页底部轮播
2021-12-10 03:25:05 +00:00
<a href="javascript:;">
<img src="imgs/secondary/banner/banner-01.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<img src="imgs/public/play-icon.png" class="play-img">
</a>
优化查看详情
2021-12-10 02:43:57 +00:00
</div>
<div class="swiper-slide">
新增首页底部轮播
2021-12-10 03:25:05 +00:00
<a href="javascript:;">
<img src="imgs/secondary/banner/banner-02.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<img src="imgs/public/play-icon.png" class="play-img">
</a>
优化查看详情
2021-12-10 02:43:57 +00:00
</div>
<div class="swiper-slide">
新增首页底部轮播
2021-12-10 03:25:05 +00:00
<a href="javascript:;">
<img src="imgs/secondary/banner/banner-03.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<img src="imgs/public/play-icon.png" class="play-img">
</a>
优化查看详情
2021-12-10 02:43:57 +00:00
</div>
</div>
</div>
</div>
新增首页底部轮播
2021-12-10 03:25:05 +00:00
<script type="text/javascript">
window.onload = function () {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal',
loop: true,
slidesPerView: "auto",
centeredSlides:true,
spaceBetween: 20,
修改底部轮播
2021-12-10 03:27:27 +00:00
autoplay: {//开启自动播放
delay:3000,
disableOnInteraction: false,//触摸后不会停止自动滚动
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
},
新增首页底部轮播
2021-12-10 03:25:05 +00:00
})
}
</script>
新增弹幕
2021-12-10 02:06:19 +00:00
</div>
<!-- 视频播放 -->
<div class="video-play-box" id="video-box">
<video id="video_id" width="100%" height="360" src="" controls poster="imgs/public/cover-icon.png"></video>
<img onclick="closeVideo()" src="imgs/public/close-icon.png" width="30" height="30" >
修改授权、产品页
2021-12-09 08:52:54 +00:00
</div>
</main>
<!-- 底部部分 -->
<footer class="footer">
新增弹幕
2021-12-10 02:06:19 +00:00
<a href="javascript:;"><img src="imgs/public/yinxiang-icon.png" ></a>
<a href="javascript:;"><img src="imgs/public/vr-icon.png" ></a>
<a href="pages/htmls/massage.html"><img src="imgs/public/jiyu-icon.png" ></a>
修改授权、产品页
2021-12-09 08:52:54 +00:00
</footer>
</body>
</html>