这款单页我是用作自己的企业官网,有兴趣的可以下载来使用。
一、效果展示
- 总的五个部分,可以左右定时轮播;
- html+css+js纯净代码,我添加了部分备注,前端学习也可以下载参考;
- 支持背景图片、背景视频;
- 新增了按钮弹窗,也可以跳转到目标站。
![图片[6]-一款高端大气适合做企业官网的导航页网页源码分享](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/09/20210907134115151-1024x563.png)
二、使用方式
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
可以直接浏览器扒源码,如果不懂,可以评论区留言,我再上传代码包。
👋 感谢您的观看!
资源解压密码:ipotato.chat
© 版权声明
本站网络名称: 微看VCAN网
本站永久网址: https://www.dzq3.com
网站侵权说明: 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长删除处理。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
4 本站资源统一解压密码:ipotato.chat
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
4 本站资源统一解压密码:ipotato.chat
THE END
- 最新
- 最热
只看作者