响应式 Web 设计的 20 个有用的 jQuery 插件

简介: 响应式网页设计是Ethan Marcotte在去年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念可以说是是为移动互联网而生的! 本文介绍 20 个 jQuery 插件适合进行响应式 Web 网站设计。

响应式网页设计是Ethan Marcotte在去年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念可以说是是为移动互联网而生的!

本文介绍 20 个 jQuery 插件适合进行响应式 Web 网站设计。

FitText

Blueberry – A simple, fluid, responsive jQuery image slider

Response JS: mobile-first progressive enhancement in HTML5

The Heads-Up Grid

jQuery Masonry

Isotope

scrolldeck

Elastislide – A Responsive jQuery Carousel Plugin

Responsive Image Gallery with Thumbnail Carousel

Supersized – Full Screen Background Slideshow jQuery Plugin

PhotoSwipe

ResponsiveSlides.js

Automatic Image Montage with jQuery

Hoverizr – A responsive jQuery Image manipulation and overlay plugin

FitVids.JS

Doubletake

Adaptive Images in HTML

Convert a Menu to a Dropdown for Small Screens


Source: http://designmodo.com/jquery-plugins-responsive-web-design/

目录
相关文章
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
存储 JSON JavaScript
WEB CAD插件通过上下文对象MxPluginContext修改UI界面的方法
本文介绍了如何使用MxPluginContext动态控制MxCAD项目的UI界面。通过该上下文对象,开发者可以灵活设置UI配置,如控制操作栏显隐、编辑按钮、添加侧边栏等。具体方法包括调用`getUiConfig()`获取并修改`mxUiConfig.json`中的属性,实现界面的定制化。此外,还提供了控制命令行聚焦的功能,解决输入框焦点锁定问题。详细代码示例和效果对比图展示了具体实现步骤,帮助开发者更好地适配项目需求。
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
280 14
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
482 9
|
JavaScript 容器
jquery和CSS3图片排序过滤搜索插件
Filterizr是一款jquery和CSS3图片排序过滤插件。它可以对一组图片进行排序,按条件过滤和按关键字搜索。并在显示结果时使用指定的CSS3动画过渡效果。
322 2