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

知更鸟 Web前端34.4K阅读模式

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文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

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.文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

10款支持全屏展示的jQuery插件文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

2. fullsizable 文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

fullsizable is a jQuery plugin that allows designers to make use of the available browser space for more enjoyable image viewing.文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

10款支持全屏展示的jQuery插件文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

3. jQuery Fullscreen Editor文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

jQuery Fullscreen Editor plugin transforms text fields to customizable editors, either it can be used within a form or as a stand alone.文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

10款支持全屏展示的jQuery插件文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

4. YoutubeBackground文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

This jQuery plugin for Youtube API allows designers to embed  YouTube videos into their web pages as a video background.文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

10款支持全屏展示的jQuery插件文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

5. Full Content文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

Full Content is a jQuery plugin that enables full screen single-page websites with url hash & animated scrolling.文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

10款支持全屏展示的jQuery插件文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

6. HoldOn.js文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

HoldOn.js is a jQuery plugin to prevent user interaction while a webpage is loading or busy by displaying a full screen loading indicator.文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

10款支持全屏展示的jQuery插件文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

7. Alton文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

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.文章源自知更鸟-https://zmingcx.com/10-paragraph-fullscreen-jquery-plugin.html

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

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.

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

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插件

10. jQuery – fatNav

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

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

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

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
评论  3  访客  3
    • 爆表了!
      爆表了! 3

      看不懂,杀个花吧

      • 新成
        新成 1

        居然没有翻译!

        • 心雨
          心雨 0

          看不懂哦 :sad:

        匿名

        发表评论

        匿名网友 填写信息

        :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

        确定