【单页源码】一款高端大气适合做企业官网的导航页网页源码分享 吃瓜亲测

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

一、效果展示

  • 总的五个部分,可以左右定时轮播;
  • html+css+js纯净代码,我添加了部分备注,前端学习也可以下载参考;
  • 支持背景图片、背景视频;
  • 新增了按钮弹窗,也可以跳转到目标站。
图片[6]-一款高端大气适合做企业官网的导航页网页源码分享
弹窗美化,三秒后自动关闭

二、使用方式

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共2条

请登录后发表评论