随笔分类 - jQuery
jQuery相关文章
摘要：jQuery 最令人印象深刻的应用之一就是对图片的处理，它可以让帮助你在你的项目中加入一些让人惊叹的图片切换效果。ZOOM 是一款全屏效果的 jQuery 图片切换展示插件，支持键盘前后按键切换，支持移动设备。
阅读全文
摘要：今天的教程是关于创建使用 CSS 旋转变换和 JavaScript 制作动画书签效果。我们的想法是展现出样书状结构，使单一的色板或列表点击切换。当点击其中一项，我们就会旋转以显示所选择的项目。
阅读全文
摘要：
现在的网页设计风格正在朝着扁平化发展，力求布局简洁，突出主题内容。而另一方面，网页交互则变得越来越多样性，让用户在操作的时候可以更愉悦。当下很流行给网页元素添加动画，随着 Web 技术的发展，动画的实现方式有多种：JavaScript、CSS3、SVG 以及 Canvas。这篇文章挑选6款帮助前端开发人员实现元素动画的插件。
阅读全文
现在的网页设计风格正在朝着扁平化发展，力求布局简洁，突出主题内容。而另一方面，网页交互则变得越来越多样性，让用户在操作的时候可以更愉悦。当下很流行给网页元素添加动画，随着 Web 技术的发展，动画的实现方式有多种：JavaScript、CSS3、SVG 以及 Canvas。这篇文章挑选6款帮助前端开发人员实现元素动画的插件。
阅读全文
摘要：非常炫的图片旋转滑动特效，相信会给你留下深刻印象。滑动图像时，我们会稍稍旋转它们并延缓各元素的滑动。滑块的不寻常的形状是由一些预先放置的元素和使用边框创建。另外支持自动播放选项，鼠标滚轮的功能。
阅读全文
摘要：Elastislide 是一款非常优秀的响应式 jQuery 图片循环展示（旋转木马）插件，集成了 Touchwipe 插件以支持触屏设备。提供了四种效果：水平图片传送带、垂直图片传送带、固定在屏幕底部以及缩略图形式预览。
阅读全文
摘要：在这个小实验中，我们创建了一个交互式的照片堆栈效果。提供了一些模拟现实的互动的可能性给用户。这个想法的思路是：有一些照片在桌面上可以拖放一样，堆放和删除，每个动作类似现实世界的行为。
阅读全文
摘要：作为最优秀的 JavaScript 库之一，jQuery 不仅使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果。这篇文章挑选了12个优秀的 jQuery 实例教程，这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平。
阅读全文
摘要：这个一款简单的 jQuery 倒计时插件，用于显示剩余的天数，小时，分钟和秒。jQuery 编写的一个简单的倒计时效果。倒计时功能是非常有用的一个小功能，可以告诉用户多久以后您的网站将会发布或者关闭进行维护，还可以用于举办活动的开始和停止的倒计时。
阅读全文
摘要：tiltShift.js 是一款很棒的 jQuery 插件，使用 CSS3 图片滤镜来实现照片的移轴镜头效果。使用非常简单，使用 data 属性配置参数。可以自定义对焦点的位置、模糊半径、焦点的区域大小以及方向。
阅读全文
摘要：今天我们要为您展示如何创建一个简单的弹性幻灯片，带有缩略图预览功能。Elastic Image Slider 这款幻灯片能够自动调整以适应到其父容器，我们可以通过幻灯片使用缩略图预览或幻灯片的自动播放选项。
阅读全文
摘要：今天我们要为您展示如何创建一些简单又不失时尚的图片说明悬停效果。我们的想法应用悬停效果来显示图片对应的标题，作者和链接按钮。对于一些的效果，我们将使用3D变换。这样做的目的是保持奇妙的效果，并为许多不同的变化提供了灵感。
阅读全文
摘要：这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中，有的可以帮助你在页面滚动的时候添加动感的元素动画，有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件，你也可以让网站变得高大上起来。
阅读全文
摘要：这里分享一个超炫的时间轴展示作品集效果。设计师和前端开发人员可以借助这个效果来制作新颖的作品集和个人简历。时间轴专门用来呈现出年代的一系列事件。您可以把这种效果嵌入各种媒体，包括微博，视频和地图，并把它们与日期相关联。
阅读全文
摘要：响应式（Responsive）设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件，它们能够帮助你在 Web 项目中实现有吸引力的图片滑块效果。
阅读全文
摘要：《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来，历经三年半，总共发布了30期。今天这篇是2014年第10期（总第31期），希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用。
阅读全文
摘要：在开发中，一些功能需要用到倒计时，例如最常见的活动开始、结束的倒计时。使用最流行的 JavaScript 库来制作这个效果很简单。下面就是一个 jQuery 制作的逼真的日历翻转效果的倒计时功能。
阅读全文
摘要：Devrama Slider 是一个图片滑块，支持很多特色功能。除了支持图片滑动，其它的 HTML 内容也支持。主要特色：响应式、图片预加载、图片延迟加载、进度条、自定义导航栏和控制按钮等等。
阅读全文
摘要：jQuery Face Detection 是一款人脸检测插件，能够检测到图片，视频和画布中的人脸坐标。它跟踪人脸并输出人脸模型的坐标位置为一个数组。我们相信，面部识别技术能够给我们的 Web 应用带来各种可能性，创造出互动的，有趣的功能。
阅读全文
摘要：手风琴效果常用于切换显示一组内容，这种方式既可以节省网页空间又可以有动画效果。今天，我们将创造一个优雅的手风琴内容效果。这个想法是有悬停时滑出一些垂直手风琴标签。我们将添加一些 CSS3 属性来提升外观。
阅读全文
摘要：对于我们大多数人来说，建立一个负责任的布局中最困难的方面是规划和导航的实现。由于没有真正经得起考验的通用解决方案，您可以使用的菜单设计风格将取决于正在建设的网站类型。无论你正在建设什么类型的网站，在这篇文章中我们将向推荐一批制作响应式导航的 jQuery 插件，为您提供方便快速的解决方案。
阅读全文