11.11云上盛惠!海量产品 · 轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。快来腾讯云选购吧!
在web和网站开发中我们常常需要处理viewport相关的功能,在前面的文章中我们曾经介绍过javascript响应式视图(viewport)切换工具类库,今天这里我们再介绍5个和viewport相关的jQuery插件,希望大家喜欢!
jQuery的幻灯插件我们介绍过很多了,不过今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯,最重要的在于它支持很多超棒的CSS3幻灯过渡效果,能够帮助你创建超酷的幻灯效果。
手风琴效果和标签页效果很类似。主要的区别在于显示和隐藏的方式不同。这里我们精心收集了10个标签页和手风琴效果的实现,希望大家喜欢!
今天我们介绍一款jQuery的相册插件- fotorama,它是一款使用创新控制元素的图片库插件。支持桌面和移动设备例如,iphone及其其它的移动设备。使用简单,并且免费使用。
自适应布局的设计是最近大家谈论的非常多的概念,他的设计理念在于无论客户端是什么样类型的设备,也不管设备的屏幕显示的大小,都可以提供指定并且优化的布 局。典型的例子是,如果你使用Media Queries来重新定义整个布局额大小,同时你也需要定义导航,表单,图片,幻灯等等元素。
Facebook 和Twitter是社交媒体的俩大巨人。它们都允许你连接朋友,分享链接和视频,并且创建相互关系。Facebook和Twitter对于我们来说都非常强大,当我们正确使用的时候,能够帮助我们获取我们需要的一切。所以如何能有效的整合它们的功能对于我们来说是一个不小的挑战!
今天我们介绍一个新的插件 - Sisyphus.js,这个插件是由Alexander Kaupanin开发的一个类似Gmail客户端草稿保存的jQuery插件,帮助你的用户在客户端保存未写完的草稿。
HTML5 和jQuery组合目前对于web开发人员来说是强大的工具之一,使用这个组合能够帮助你扩展你设计的局限,实现一些非常绚丽及其强大的web应用或者网 站。
大家可能看到过使用javascript类库JavaScript InfoVis Toolkit实现的特效组织结构图,这里我们使用jQuery插件-jOrgchart也同样可以实现一个组织结构图。
如果大家使用过jQuery UI的话,都知道autocomplete小组件,可以帮助你有效的提示输入内容,辅助用户填入内容,如果你不了解jQuery UI的autocomplete的话,推荐阅读此教程:jQueryUI实战之Autocomplete组件的JSONP使用。
如果你需要创建漂亮的弹出式工具栏的话,toolbar.js这个 jQuery插件肯定能够帮你大忙,它是一款小巧的弹出式工具栏提示插件。可以方便的帮助你快速生成水平或者垂直的工具栏。最酷的地方在于允许你使用 Twitter的bootstrap图标来自定义样式,提供了非常灵活的方式来管理你的UI和图标。
还记得上次我们分享的jQuery放大镜效果插件 - Melens吗?能够帮助你快速简单的搭建类似淘宝中货品大图查看效果。这里继续介绍另外一款超棒的图片缩放(放大镜效果)的jQuery插件 - elevateZoom。
Flot采用Canvas绘制图形(Web总共就有三种常见方式来绘制图形,不了解的同学请看这篇文章),在数据量非常大的时候,你需要考虑浏览器端的性能问题。
网上发现一个很有意思的jQuery旋转插件,支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome,高级浏览器下使用Transform,低版本ie使用VML实现。
开发前端的朋友们可能常常会有以下的需求,比如,想知道客户浏览器的类型,或者想知道客户浏览器的分辨率信息,从而根据不同的浏览器来生成有针对的性的代码。
如果你使用过pinterest的话,应该非常熟悉它的图片布局方式,今天这里我们介绍一款新的jQuery布局插件 - jQuery.Shapeshift,能够帮助你生成类似pinterest页面布局的展示方式。
今天介绍一款拥有不同片状动画过渡效果的jQuery插件-jq-tiles,使用它能够帮助你生成基于CSS3的片状动画效果。同时支持自定义选项:
在今天的这篇插件介绍中,我们将介绍一个超棒的jQuery插件,帮助你快速的使用链式和延迟代理模式来实现类似的效果。这个插件提供了简单实用的方法来定义列举,timeout,interval,延迟,并且使用基于时间的循环,仅仅使用数行就可以实现。
相信大家如果使用过iphone/ipad的话,肯定对于倾斜控制(重力控制)比较熟悉,在今天的插件介绍中,我们推荐一款帮助你通过倾斜控制来控制图片效果的插件 - lenticular.js,使用它能够帮助你快速的实现倾斜设备来控制旋转的效果,相信对于在ipad/iphone或者其它触摸设备上开发web应用的朋友来说是一个超棒的工具。
我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 - Freetile.js,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢!
Tooltipster是一个轻量级的jQuery工具提示插件,可以快速的帮助你生成漂亮的工具提示。
如果大家经常开发web应用的话,肯定会遇到需要计算相对现在过去的时间的情况,在今天的jQuery插件介绍中,我们将介绍一个方便的jQuery插件 - Smart Time Ago。使用这个插件可以自动帮助你生成类似:“3小时之前”,“2分钟之前”的相对时间格式。希望大家喜欢!
在过去的web开发和设计中,大家往往使用flash来创建炫酷的菜单效果,随着js和web技术的发展,现在大家可以使用简单的javascript代码生成同样漂亮的菜单效果,在今天的这个简单教程中,我们将带领大家使用jQuery的background-position插件来开发漂亮的导航条效果,希望大家喜欢!
是不是厌倦了千篇一律的图片为背景的网站,无论你怎么美化,或者是添加炫酷的特效,图片依旧是图片。永远无法让你的页面真正的活跃起来。在今天我们介绍的这款jQuery插件 - bigvideo.js,绝对能够让你轻松的添加超棒的全屏视频背景,让你的用户体会不一样的感受。相信你们肯定会喜欢!
响应式的网站设计中,很重要的一个部分就是图片的响应式设计,今天我们将介绍一个超棒的帮助你生成响应式图片设计的jQuery插件 - jQuery picture。使用它能够帮助你快速的生成支持响应式设计的图片。
以往的文章中,我们分享了很多jQuery相关拖放插件,今天我们这里再推荐的一个超酷的jQuery拖放插件-gridster.js绝对会让你眼前一亮,和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小,并且支持多列的网格布局,它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的html元素转换为网格组件。
前面我们介绍过一款基于jQuery,backbone.js和underscore.js的消息提示框架,今天我们介绍另外一款jQuery的消息提示插件 - Noty。使用它能够帮助我们快速创建,警告,提示和错误信息框。大家肯定都使用过缺省的alert('..')代码吧,使用Nody能够创建出漂亮功能更强大的消息提示,希望大家喜欢!
由于在我们的gbtags.com社区开发中,我们需要创建一个简单实用的用户时间轴应用,这里我们选择使用Timelinr来开发,并且为了使得动画过程更加丰富和有趣我们同时使用Animate.css来创建各种不同的CSS动画特效。
如果大家提到拖放相关插件的话,肯定会想到jQuery UI,这个UI类库包含了你需要用到的几乎所有组件,但是如果你只想使用jQuery UI中的某一个组件,例如,拖放组件的话,调用如此大的一个类库会有有杀鸡用宰牛刀的感觉,今天这里我们将介绍一个轻量级的jQuery drag and drop插件 - HTML5 Sortable。它能够帮助你创建可拖拽的列表和网格元素,希望大家喜欢!
jQuery的UI相关插件很多,今天我们介绍来自Vanity Toolset的jQuery插件集,帮助你有效的简化前端UI开发。