前端全屏(轮播)滚动插件

简介: 前端全屏(轮播)滚动插件

全屏滚动

1、fullpage.js

fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站。如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js

fullPage.js 的主要功能有:支持鼠标滚动、支持前进后退和键盘控制、多个回调函数、支持手机、平板触摸事件、支持 CSS3 动画、支持窗口缩放、窗口缩放时自动调整、可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等

支持 Vue 版本 vue-fullpage.js

2、pagePiling.js

与其他的全屏滚动插件相比,pagePiling.js 的主要特点是滚动方式,它把所有“页面”叠在一起,使用 translate3d “抽”动页面,产生了一种类似“视觉差”的效果。

3、Swiper

在轮播器的基础上,同样支持全屏滚动。

轮播器

1、Swiper

Swiper 是最现代的免费移动触摸幻灯片,具有硬件加速过渡和惊人的本地行为。它旨在用于移动网站,移动Web应用程序和移动本机/混合应用程序。

Swiper 并不兼容所有平台,它是一款只专注于现代应用/平台的现代触摸幻灯片,带来最好的体验和简单的操作。

2、Owl Carousel 2

支持触摸的 jQuery 插件,让你创建一个漂亮的响应式转盘幻灯片。猫头鹰旋转木马已经被数百名开发者选为头号 jQuery 插件。

现在是时候推出新的版本了,它带来了很多新的功能和更多用户友好的API。

3、 Slick Slider

完全响应,随容器缩放,每个断点的单独设置在可用时使用 css3,如果没有,则功能齐全。桌面鼠标拖动无限循环,通过箭头键导航可完全访问添加,删除,过滤和取消过滤幻灯片自动播放,点,箭头,回调等。

4、ItemSlider

有关如何使用 css 动画和 jQuery 创建具有最小设计的简单类别幻灯片的教程,其思想是根据滑动方向顺序地滑动项目。

5、blueimp Gallery

blueimp Gallery 是一个支持触摸的、响应式的、可定制的图片和视频画廊、旋转木马和lightbox,针对移动和桌面网络浏览器进行了优化。

它具有滑动、鼠标和键盘导航、过渡效果、幻灯片功能、全屏支持、按需加载内容等功能,并可扩展以显示更多的内容类型。

相关文章
|
1月前
|
Web App开发 前端开发
【前端篇】前端实现滚动分屏效果
【前端篇】前端实现滚动分屏效果
41 0
|
6月前
|
前端开发
vscode编写前端提升效率的三个必不可缺的插件以及使用方法
vscode编写前端提升效率的三个必不可缺的插件以及使用方法
|
6月前
|
存储 前端开发 JavaScript
GIS前端编程-Leaflet插件发布
GIS前端编程-Leaflet插件发布
48 0
|
6月前
|
前端开发 JavaScript 定位技术
GIS前端编程-Leaflet插件扩展
GIS前端编程-Leaflet插件扩展
79 0
|
1月前
|
前端开发 JavaScript 程序员
推荐给前端程序员的5款浏览器插件
推荐给前端程序员的5款浏览器插件
|
3月前
|
前端开发 JavaScript 定位技术
Flutter vs 前端 杂谈:SliverAppBar、手动实现Appbar、前端Html+JS怎么实现滚动变化型Appbar - 比较
Flutter vs 前端 杂谈:SliverAppBar、手动实现Appbar、前端Html+JS怎么实现滚动变化型Appbar - 比较
33 0
|
3月前
|
前端开发 JavaScript 算法
【web前端技术】响应式画廊Gallery插件-Justified-Gallery
【web前端技术】响应式画廊Gallery插件-Justified-Gallery
54 0
|
4月前
|
前端开发
前端原生 CSS 跑马灯效果,无限轮播(横竖版本,带渐变遮罩,简单实用)
前端原生 CSS 跑马灯效果,无限轮播(横竖版本,带渐变遮罩,简单实用)
26 0
|
4月前
|
前端开发 JavaScript
前端知识笔记(十四)———js全屏与退出全屏切换功能,实现样式改变效果
前端知识笔记(十四)———js全屏与退出全屏切换功能,实现样式改变效果
33 0
|
5月前
|
前端开发 JavaScript
Jquery前端分页插件pagination同步加载和异步加载
Jquery前端分页插件pagination同步加载和异步加载
44 0