这款单页我是用作自己的企业官网，有兴趣的可以下载来使用。

一、效果展示

• 总的五个部分，可以左右定时轮播；
• html+css+js纯净代码，我添加了部分备注，前端学习也可以下载参考；
• 支持背景图片、背景视频；
• 新增了按钮弹窗，也可以跳转到目标站。

二、使用方式

1、如何修改图片轮播的间隔时间？

答：文件路径：style/js/main.js，代码第12行。

注意单位是毫秒，也就是数字1000就是1秒的意思，建议设置6000；

2、背景图怎么更换？

背景图位于style/css/img；覆盖掉就可以了。

也可以通过style/css/style.css，代码的146行、151行、156行、161行、165行，修改需要引入的图片路径。

3、logo怎么修改？

logo图片位于style/images/logo.png，覆盖即可。

也可以修改index.html代码52行的src路径，填写你需要引入图片的路径。

4、页面文字修改。

全部在index.html，查找替换即可。

5、怎么让背景图显示的是视频？

文件index.html代码第95行，取消注释就可以看到效果了。

哪个版块需要视频背景，复制到对应位置即可，data-video就是视频的路径。

三、体验地址

华世英策网：https://www.zhangjushi.cn

可以直接浏览器扒源码，如果不懂，可以评论区留言，我再上传代码包。