这款单页我是用作自己的企业官网,有兴趣的可以下载来使用。
一、效果展示
- 总的五个部分,可以左右定时轮播;
- 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
可以直接浏览器扒源码,如果不懂,可以评论区留言,我再上传代码包。
© 版权声明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
THE END
- 最新
- 最热
只看作者