12 jQuery Fullscreen Plugins

2023-10-27 21:32

本文主要是介绍12 jQuery Fullscreen Plugins,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

http://www.sitepoint.com/jquery-fullscreen-plugins/

Let’s face it, sometimes fullscreen websites are super cool, if a website looks plain and boring how long do you think visitors will stay? So we thought we would lend some help and share you these 12 jQuery Fullscreen Plugins to get that responsive fullscreen look for your websites. These collection of jQuery fullsreen plugins will add tremendous effects to your website. Enjoy!

Related Posts:

  • 100 jQuery Sliders for Images/Content
  • 30 jQuery Responsive Layout Plugins

1. Revolver

A jQuery plugin for creating full screen sliding websites. It can be integrated into any website template.
Revolver
Source + Demo

2. Fullscreen Music Player

A dead simple way to turn any unordered list of mp3s into a beautiful playlist.
Fullscreen Music Player
SourceDemo

3. jQuery Image Gallery

An extension to the Dialog component of jQuery UI, to ease navigation between a set of gallery images.
jQuery Image Gallery
Source + Demo

4. Scrollable Thumbs Menu with jQuery

The idea is to have a menu fixed to the bottom of the page and let a vertical stack of thumbs appear when hovering over a menu item.
Scrollable Thumbs Menu with jQuery
SourceDemo

5. Galaxy

Simply click on the menu items above to zoom around my universe and learn more about web animations without the use of Flash.
Galaxy
Source + Demo

6. jQuery Fullscreen Plugin

This is useful for videos or images for example. Unfortunately browsers currently only provide the necessary methods with the usual browser-specific prefixes.
jQuery Fullscreen Plugin
Source + Demo

7. Exposure jQuery plugin

Gives your images some decent exposure.
Exposure jQuery plugin
SourceDemo

8. jQuery FullScreen Plugin for custom Jimdo Template

A Full Screen Background/Slideshow jQuery plugin which resizes images to fill browser while maintaining image dimension ratio.
jQuery FullScreen Plugin for custom Jimdo template
SourceDemo

9. Simple jQuery Fullscreen Image Gallery

A fullscreen image gallery made with jQuery and CSS. The gallery features fullscreen images in various modes and custom thumbnail scrolling script.
Simple jQuery Fullscreen Image Gallery
SourceDemo

10. Vegas Background jQuery Plugin

Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. You can even create amazing slideshows.
Vegas Background jQuery Plugin
SourceDemo

11. PageSlide

A jQuery plugin which slides a webpage over to reveal an additional interaction pane.
PageSlide
SourceDemo

12. jQuery Scroll Path

It’s a plugin for defining custom scroll paths. It uses canvas flavored syntax to draw lines and arcs.
jQuery Scroll Path
Source + Demo

13. FSS - Full Screen Sliding Website Plugin

Demo1: http://www.husnus.com/menus/menus.html#/Lunch

Demo2: http://codecanyon.net/item/fss-full-screen-sliding-website-plugin/full_screen_preview/159103
Source + Demo

User Guide: http://positivelyaware.com/2011/page_swap/User_Guide.pdf

这篇关于12 jQuery Fullscreen Plugins的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/288537

相关文章

CSS3 布局样式及其应用举例

《CSS3布局样式及其应用举例》CSS3的布局特性为前端开发者提供了无限可能,无论是Flexbox的一维布局还是Grid的二维布局,它们都能够帮助开发者以更清晰、简洁的方式实现复杂的网页布局,本文给... 目录深入探讨 css3 布局样式及其应用引言一、CSS布局的历史与发展1.1 早期布局的局限性1.2

使用animation.css库快速实现CSS3旋转动画效果

《使用animation.css库快速实现CSS3旋转动画效果》随着Web技术的不断发展,动画效果已经成为了网页设计中不可或缺的一部分,本文将深入探讨animation.css的工作原理,如何使用以及... 目录1. css3动画技术简介2. animation.css库介绍2.1 animation.cs

CSS引入方式和选择符的讲解和运用小结

《CSS引入方式和选择符的讲解和运用小结》CSS即层叠样式表,是一种用于描述网页文档(如HTML或XML)外观和格式的样式表语言,它主要用于将网页内容的呈现(外观)和结构(内容)分离,从而实现... 目录一、前言二、css 是什么三、CSS 引入方式1、行内样式2、内部样式表3、链入外部样式表四、CSS 选

使用雪花算法产生id导致前端精度缺失问题解决方案

《使用雪花算法产生id导致前端精度缺失问题解决方案》雪花算法由Twitter提出,设计目的是生成唯一的、递增的ID,下面:本文主要介绍使用雪花算法产生id导致前端精度缺失问题的解决方案,文中通过代... 目录一、问题根源二、解决方案1. 全局配置Jackson序列化规则2. 实体类必须使用Long封装类3.

Nginx部署React项目时重定向循环问题的解决方案

《Nginx部署React项目时重定向循环问题的解决方案》Nginx在处理React项目请求时出现重定向循环,通常是由于`try_files`配置错误或`root`路径配置不当导致的,本文给大家详细介... 目录问题原因1. try_files 配置错误2. root 路径错误解决方法1. 检查 try_f

在React聊天应用中实现图片上传功能

《在React聊天应用中实现图片上传功能》在现代聊天应用中,除了文字和表情,图片分享也是一个重要的功能,本文将详细介绍如何在基于React的聊天应用中实现图片上传和预览功能,感兴趣的小伙伴跟着小编一起... 目录技术栈实现步骤1. 消息组件改造2. 图片预览组件3. 聊天输入组件改造功能特点使用说明注意事项

一文详解如何在Vue3中封装API请求

《一文详解如何在Vue3中封装API请求》在现代前端开发中,API请求是不可避免的一部分,尤其是与后端交互时,下面我们来看看如何在Vue3项目中封装API请求,让你在实现功能时更加高效吧... 目录为什么要封装API请求1. vue 3项目结构2. 安装axIOS3. 创建API封装模块4. 封装API请求

全解析CSS Grid 的 auto-fill 和 auto-fit 内容自适应

《全解析CSSGrid的auto-fill和auto-fit内容自适应》:本文主要介绍了全解析CSSGrid的auto-fill和auto-fit内容自适应的相关资料,详细内容请阅读本文,希望能对你有所帮助... css  Grid 的 auto-fill 和 auto-fit/* 父元素 */.gri

解决Maven项目报错:failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.13.0的问题

《解决Maven项目报错:failedtoexecutegoalorg.apache.maven.plugins:maven-compiler-plugin:3.13.0的问题》这篇文章主要介... 目录Maven项目报错:failed to execute goal org.apache.maven.pl

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M