10款支持全屏展示的jQuery插件

Developers can check out the list below of jQuery plugins that provide full screen support. These plugins provide full screen website, image galleries, editor, slider, menu, loading bar, Youtube videos and modal windows.

1. fullPage.js

fullPage.js is a simple and easy to use plugin to create full screen scrolling websites (also known as single page websites or one page sites). It allows the creation of full screen scrolling websites, as well as the addition of some landscape sliders inside the sections of the site.

2. fullsizable

fullsizable is a jQuery plugin that allows designers to make use of the available browser space for more enjoyable image viewing.

3. jQuery Fullscreen Editor

jQuery Fullscreen Editor plugin transforms text fields to customizable editors, either it can be used within a form or as a stand alone.

4. YoutubeBackground

This jQuery plugin for Youtube API allows designers to embed  YouTube videos into their web pages as a video background.

5. Full Content

Full Content is a jQuery plugin that enables full screen single-page websites with url hash & animated scrolling.

6. HoldOn.js

HoldOn.js is a jQuery plugin to prevent user interaction while a webpage is loading or busy by displaying a full screen loading indicator.

7. Alton

Alton is a jQuery-powered scrolling plugin that utilizes custom vertical scrolling effects in order to present and navigate through web content in a unique manner. It utilizes scrolljacking idea, but greatly improves the often-poorly-implemented scrolljacking experiences designers might be used to.

8. JiSlider

JiSlider is a simple jQuery Plugin used to create an Image Slider. The settings can be modified to create the desired the slider.

9. animatedModal.js

animatedModal.js is a jQuery plugin that creates a full screen modal with CSS3 transitions. Designers can use the transitions from animate.css or create their own transitions.

10. jQuery – fatNav

jQuery favNav creates a chubby full screen menu with nice hamburger toggle.

原文:http://www.learningjquery.com/2015/10/10-jquery-plugins-with-full-screen-support

时间: 2024-10-12 17:24:33

10款支持全屏展示的jQuery插件的相关文章

IOS写一个可以支持全屏的WebView

这样来写布局 一个TitleView作为顶部搜索栏: @implementation TitleView - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { // Initialization code [self initTilte]; } return self; } -(void)initTilte{ UITextField* field = [[UITextField al

基于jQuery全屏焦点图切换插件responsiveslides

基于jQuery全屏焦点图切换插件responsiveslides是一款带左右箭头,索引按钮的自动轮播切换特效下载.效果图如下: 在线预览   源码下载 实现的代码. html代码: <script type="text/javascript"> $(function () { // Slideshow $("#slider").responsiveSlides({ auto: true, pager: false, nav: true, speed:

二级导航菜单全屏展示

实现效果: 1.二级菜单下拉展示的全屏展示,下拉内容块居中 2.一级菜单 并不是所有都有二级下拉菜单 ,不能使用,通过比较标签内的属性来确认具体是哪个一级导航有下拉菜单,比如 <div index="product"></div>对比一级菜单和二级菜单的index属性来显示对应的内容: <ul> <li> <a href="#">一级导航</a> <div class="sub_

js控制页面的全屏展示和退出全屏显示

<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <body > <button id="btn" >js控制页面的全屏展示和退出全屏显示</button> <div id="content" style="

移动端全屏滑动的小插件,简单,轻便,好用,只有3k swiper,myswiper,page,stage

https://github.com/donglegend/mySwiper mySwiper 移动端全屏滑动的小插件,简单,轻便,好用,只有3k 下载 直接下载 bower install mySwiper 预览 预览demo 使用 支持amd和cmd规范 直接引入 <link rel="stylesheet" type="text/css" href="dist/swiper.css"> <script type="

分享10款主流web前端的基于jquery源码预览下载

1.jquery标记编辑器插件Tag Editor Tag Editor是一个功能强大的和轻量级jQuery标记编辑器插件. 在线演示 源码下载 2.jQuery自动生成css投影样式 使用jQuery自动生成css投影样式,可以自定义投影大小.距离.颜色.透明度等等. 在线演示 源码下载 3.基于jquery实现的鼠标单击出现水波特效 今天要为大家绍一款由jquery实现的鼠标单击出现水波特效.用鼠标猛点击页面,你可以看到页面不断出面水波纹效果,然后水波纹渐渐消失. 在线演示 源码下载 4.S

开机自动调用.bat文件且浏览器全屏展示

1,将 .bat文件放入到以下路径中 C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Startup 或 C:\Users\Administrator\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup 2,设置浏览器全屏,在上图的快捷方式中设置如下图: 原文地址:https://www.cnblogs.com/yinhao-jack/p/10637210.html

给echarts加个“全屏展示”

echarts的工具箱并没有提供放大/全屏的功能, 查找文档发现可自定义工具https://www.echartsjs.com/option.html#toolbox.feature show代码 toolbox: { feature: { myFull: { show: true, title: '全屏查看', icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.

分享10款功能强大的HTML5/CSS3应用插件

1.纯CSS3美化Checkbox和Radiobox按钮 外观很时尚 利用CSS3我们可以打造非常具有个性化的用户表单,今天我们就利用CSS3美化Checkbox复选框和Radiobox单选框.CSS3美化Checkbox和Radiobox的原理很简单,在页面上新建一个checkbox和radiobox并给予他们默认的label标签显示文字,然后将checkbox和radiobox隐藏,再利用CSS3来美化label标签,这样,我们就自定义了checkbox和radiobox,外观很时尚. 在线