效果超棒的 jQuery 特效

作为最优秀的 JavaScript 库之一,jQuery 不仅使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果。这篇文章挑选了8个优秀的 jQuery 实例教程,这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平。

1、学习使用 jQuery 制作超炫的快门效果的作品集

在线演示  
  源码下载

2、这个实例教程将介绍如何使用 jQuery 实现动感的运动内容框效果。

在线演示  
  源码下载

3、教你综合运用 jQuery 和 CSS3 实现创意的文本弯曲效果。

在线演示  
  源码下载

4、SlidesJS 支持循环、自动播放功能和淡入淡出过渡效果,并且能够自动生成分页,可以帮助开发者制作出优雅的幻灯片效果。

源码下载 
    在线演示

5、jBox 是一个强大而灵活的 jQuery 插件,可以帮助实现模态窗口,工具提示,通知和更多的功能。

源码下载 
    在线演示

6、Nivo Slider 号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本。

源码下载 
    在线演示

7、视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够让原本平面的网页界面产生动感的立体效果。

源码下载  
   在线演示

8、FancyBox 是一款非常优秀的弹窗插件,能够为图片、HTML 内容和其它任务的多媒体内容提供优雅的弹出缩放效果。

效果演示 
   插件下载

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-09 22:43:55

效果超棒的 jQuery 特效的相关文章

四款超棒的jQuery数字化签名插件

在浏览器中,我们有很多方式来绘制生成签名效果,并且有很多很棒很智能的jQuery插件.数字化签名是未来的发展方向,正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件,希望大家喜欢! 1. jSignature 这个jQuery插件简化了创建数据签名的过程,允许用户使用鼠标,手写板,手指来绘制签名.这里是演示 2. Signature Pad 这个jQuery插件可以辅助使用HTML5画布来实现数字签名.它保存签名为JSON,并且可以以后再重新生成,这里是演示 3. jQuer

为开发者们准备的 10 款超棒的 jQuery 视频插件

jQuery 是一种快速.简洁的 JavaScript 库,可以简化 HTML 文档遍历.事件处理.动画和 Ajax 交互,能快速进行 web 开发.一个 jQuery 插件基本上是一种新方法,用来扩展 jQuery 原型对象.当扩展原型对象时,所有的 jQuery 对象就会启用并且能够添加和继承其他的任何方法. 1. Bigvideo.js BigVideo.js 是一个 jQuery 视频插件,能让用户很方便将视频作为网站的背景并且能够生成自适应的视频背景.它可以播放一个无声视频(或一系列视

分享一款超棒的jQuery旋钮插件 - jQuery knob

转自:http://www.cnblogs.com/gbin1/archive/2012/05/08/2489908.html 在线演示  本地下载 如果你也在寻找一款生成漂亮旋钮(knob)的jQuery插件的话,那么今天我们介绍的jQuery knob肯定是一个不错的选择.它使用canvas帮助我们生成超酷的旋钮特效,你可以使用插件选项或者HTML5的data属性来自定义设置插件属性,方便简捷并且优雅,我相信大家肯定会喜欢这个超酷的jQuery插件,如果你有任何问题活着建议请给我们留言! 主

10 个超棒的 jQuery 视频插件

百万红包.火热开启!!!有你更精彩! jQuery 有成千上万的插件,这些插件不但在 WEB 程序层面让我们工作得得心应手,而且还在 WEB 视觉方面表现炫酷~如果你在寻找基于在线的视频解决方案或者你想给你的网站添加视频,基于 jQuery 的视频插件会让你的工作处理的如丝般顺滑!当然,这些视频插件都是响应式布局的.不用再去网上搜索啦,这里我们列出了十个大多数站点在使用.同时有有绝佳的用户体验的超赞视频插件! 1. FitVids FitVids 是一个广受页面设计师喜欢的 jQuery 视频插

11 个超棒的 jQuery 分步指引插件

当一个网站或者一个Web应用推出新功能时,为了让用户了解你的站点(或应用)如何操作,往往都会在站点(应用)中添加一个分步指引的效果.然而这样的效果,对于不懂原生JS的同学来说,是件很头痛的事情. 下面为大家介绍一些可帮助你实现分步指引效果的jQuery插件,你可以根据自己需求定制,它们都具有一个时尚的外观,而且简单易用. 1.  Intro.js Intro.js 使用一种引导式的方式来一步步介绍你网站和项目新特性.支持键盘+鼠标的导航方式. 2.  aSimpleTour aSimpleTou

另外一款超棒的响应式布局jQuery插件 – Freetile.js

在线演示 我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 – Freetile.js,使用它同样可以生成超酷的动态布局效果.相信大家一定会喜欢! 主要特性 Freetie来自于Assemblage和 Assemblage Plus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方: 允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你不需要指定列宽度来迎合你

jQuery 特效:盒子破碎和移动动画效果

今天,我们将创建一个使用 jQuery 制作的非常甜蜜的动画效果.我们的想法是在网站的顶部有小盒子,当一个菜单项被点击时,箱子动画形成的主要内容区域分散在各处.我们会用一些不同的动画效果,我们将为菜单项添加选项. 效果演示     插件下载 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 十分惊艳的8个 HTML5 & Ja

带给你灵感:30个超棒的 SVG 动画展示【上篇】

前端开发人员和设计师一般使用 CSS 来创建 HTML 元素动画.然而,由于 HTML 在创建图案,形状,和其他方面的局限性,它们自然的转向了 SVG,它提供了更多更有趣的能力.借助SVG,我们有更多的方式来创建新的动画.您可以同时使用内置的 SVG 动画功能和 CSS3 动画. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插

带给你灵感:30个超棒的 SVG 动画展示【下篇】

前端开发人员和设计师一般使用 CSS 来创建 HTML 元素动画.然而,由于 HTML 在创建图案,形状,和其他方面的局限性,它们自然的转向了 SVG,它提供了更多更有趣的能力.借助 SVG,我们有更多的方式来创建新的动画. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 8个前沿 HTML5 & CSS3 效果[附源码下载