整屏网站制作

悠悠 2022-08-19 13:20 242阅读 0赞

整屏参考网站收集的有[http://www.coracle.com/index.html][http_www.coracle.com_index.html]和[http://comicplus.cn][http_comicplus.cn]

制作整屏网站可以使用插件，例如swipe.js和fullpage.js

一、使用swiper制作整屏网站

swiper.js的使用方法可以到swiper中文网上[http://www.swiper.com.cn/demo/index.html][http_www.swiper.com.cn_demo_index.html]查看demo，也可以下载整个包，可以使用demo中的例子

![20160116193542665][]

不过swiper3中的这个demo还没有兼容ie，在swiper交流讨论中，还没有找到解决方法。还好可以选择fullpage

二、使用fullpage制作

fullpage的使用方法[http://www.jq22.com/jquery-info1124][http_www.jq22.com_jquery-info1124]

这里有demo演示[http://www.jq22.com/demo/fullpage-141201214949/index7.html\#page4][http_www.jq22.com_demo_fullpage-141201214949_index7.html_page4]

使用方法fullpage官网都有详细介绍。

[http_www.coracle.com_index.html]: http://www.coracle.com/index.html
[http_comicplus.cn]: http://comicplus.cn
[http_www.swiper.com.cn_demo_index.html]: http://www.swiper.com.cn/demo/index.html
[20160116193542665]: /images/20220731/f661613ff5fe4862baa8f5c0cbf7d620.png
[http_www.jq22.com_jquery-info1124]: http://www.jq22.com/jquery-info1124
[http_www.jq22.com_demo_fullpage-141201214949_index7.html_page4]: http://www.jq22.com/demo/fullpage-141201214949/index7.html#page4

发表评论取消回复

表情：

评论列表（有 0 条评论，242人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 设置整屏背景色音乐播放

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

阳光穿透心脏的1/2处/ 2023年06月25日 08:07/ 0 赞/ 4 阅读

相关网站背景全屏代码

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

缺乏、安全感/ 2023年01月19日 03:05/ 0 赞/ 7 阅读

相关 Ubuntu录屏及gif制作

系统：Ubuntu 18.04 软件：SimpleScreenRecorder （录屏软件）及 ffmpeg 软件（视频转为动图）软件安装两个软件均可通

朱雀/ 2022年08月28日 07:44/ 0 赞/ 238 阅读

相关制作网站快捷方式

有些时候我们想访问某个网站，但不想去浏览器的地址栏里输入URL.这时有一个网站的快捷方式会很方便。现在介绍网站快捷方式的制作步骤： 1、如图所示：在桌面上右键-->新建-

布满荆棘的人生/ 2022年08月24日 11:56/ 0 赞/ 214 阅读

相关整屏网站制作

整屏参考网站收集的有[http://www.coracle.com/index.html][http_www.coracle.com_index.html]和[http://c

悠悠/ 2022年08月19日 13:20/ 0 赞/ 243 阅读

相关网站图标制作

网站图标favicon制作介绍：favicon.ico一般作为缩略的网站标志，他显示于浏览器的地址栏，表示网站的Logo，如下图红圈所示： ![Center][] 下

本是古典何须时尚/ 2022年06月07日 06:47/ 0 赞/ 329 阅读

相关整页翻屏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

约定不等于承诺〃/ 2022年05月31日 07:26/ 0 赞/ 215 阅读

相关 SEO整站优化方案制作

来源：（参照大牛思路分析） SEO整站优化方案制作 > 不管是我们为自己的网站做SEO还是给自己公司的网站优化，又或者是给客户提供SEO服务，在SEO工作开始之前做好一份

向右看齐/ 2022年05月16日 03:47/ 0 赞/ 243 阅读

相关谷歌浏览器截取整屏网页方式

1.F12打开控制台 2.windows使用快捷键ctrl+shift+p 3.输入capture 4.选择标红处即可 ![watermark_type_ZmFuZ3

╰半夏微凉°/ 2021年12月23日 23:19/ 0 赞/ 252 阅读

相关 fullpage全屏/整屏滚动组件简单实例Demo

效果图如下，鼠标滚动可以切换div模块： ![20151217111612933][] ![20151217111609011][] 需要引用的js和css文

╰+攻爆jí腚メ/ 2021年06月10日 20:41/ 0 赞/ 406 阅读