`

jQuery–20个最新的jQuery效果.

阅读更多

1. Custom Animation Banner with jQuery

通过使用 jQuery Easing 和jQuery 2D Transform 插件,创建自定义animation banner。

View Demo (查看示例)

2. 快速反馈表 – jQuery & PHP
Martin Angelov 将教你如何快速的创建用于接收来自用户反馈的解决方案,使用到了jQuery, PHP 和 PHPMailer类。

View Demo (查看示例)

3. Wijmo – jQuery UI 组件
Wijmo是一个jQuery UI组件集,有超过30多个jQuery UI 组件;这将是一个CSS3,SVG,HTML5的混合物,目前还处于Beta阶段。
View Demo (查看示例)

4. 页面导航 – jQuery插件
这是一个页面上的导航插件,基于jQuery ScrollTo 插件,你可以在 Github 上查看更多介绍。
View Demo (查看示例)

5. RSS Reader With jQuery Mobile
Jeffrey Way 创建了一个简单的RSS reader,主要用于iphone和Andriod手机,通过PHP和jQuery mobile 实现。
View Demo (查看示例)

6. Easy Accordion – jQuery插件
The Easy Accordion插件可以生成一个类似手风琴样子的自定义列表。
View Demo (查看示例)

7. Lettering – jQuery Typography Plugin
Lettering是一个轻量级易于使用的网页排版插件,例如印刷CSS3的海报,自定义类型的标题等。
View Demo (查看示例)

8. Annotation Overlay Effect with jQuery
创建一个简单的叠加效应
View Demo (查看示例)

9. Snippet – jQuery Syntax Highlighter
Snippet是一个很酷的jQuery语法高亮插件,基于SHJS脚本,你可以在SourceForge上找到源码。
View Demo (查看示例)

10. Google Powered Site Search With jQuery

教你如何创建一个自定义的搜索引擎,只需要使用Google AJAX Search API,你可以搜索到您网站上的图片,视频和新闻等……

View Demo (查看示例)

11. 简单的工具提示 – jQuery & CSS
Soh Tanaka 创建一个简单的jQuery和CSS样式提示
View Demo (查看示例)

12. Compact News Previewer with jQuery
创建一个文章/新闻预览,以经凑的方式显示您最想的文章或新闻。预览工具将会显示一些关于文章更长的描述。
View Demo (查看示例)

13. Exposure jQuery插件
Exposure是一个图片预览插件,用于创建丰富,自定义的视觉体验。
View Demo (查看示例)

14. Giveaway Randomizer App – jQuery
它会教你如何去创建一个jQuery专用的随机数发生器。
View Demo (查看示例)

15. jQuery Smooth Tabs Plugin
jQuery Smooth Tabs是一个简单易于使用的插件,可以让你选择一些漂亮的效果来显示你的文字内容,带来更好的用户体验。
View Demo (查看示例)

16. TN34 Timetabs – jQuery Plugin
Mario Alves创建的一个tab容器的jQuery插件,可以选定不一样的样式来显示下一个tab。下载插件:HERE .
View Demo (查看示例)

17. Full Page Image Gallery with jQuery
创建一个效果惊人的滚动缩略图和滚动全屏预览的画廊。
View Demo (查看示例)

18. bgStretcher – jQuery Plugin
Background Stretcher可以让你在背景中添加一个或多个大尺寸的图片,并调整他们的大小来填满整个页面,多张图片时会以幻灯片的形式出现。
View Demo (查看示例)

19. SlideNote – jQuery插件(滑动通

SlideNote 是一个自定义,扩展性很强的jQuery插件,可以轻松的在网页或你的web应用上创建滑动通知。

View Demo (查看示例)

20. Easy List Splitter – jQuery插件

Easy List Splitter插件将获取到的list和wrap装入一个container div,生成相应的列表项,并且生成一个有效的HTML代码。

View Demo (查看示例)

分享到:
评论

相关推荐

    jquery插件使用方法大全

    用jq的前提,首先要引用一个有jq的文件 [removed][removed] 这个是jquery官方最新的地址。可用在自己网站里加个这个,就能使用jquery了。 但仍然建议下载到本地服务器上。 编辑本段找到你了!  在编写js库代码时候...

    shCircleLoader – jQuery Loading效果插件

    shCircleLoader 是一个基于 jQuery 的插件,它能够很方便快速的制作 Loading 效果。该 Loading 效果由多个 div 组成,没有任何图片。shCircleLoader 还提供了众多属性,你可以根据这些属性自定义出各种各样的 ...

    jQuery Slide Show – jQuery幻灯片效果

    NULL 博文链接:https://ykdn2010.iteye.com/blog/1132073

    jquery 仿制苹果系统导航菜单

    基于jquery做的网页版仿苹果系统导航菜单,效果非常流畅 华丽 不解释。。。 用法: 在页面头部标签<head></head>中加入下面的代码 <script type="text/javascript" src="js/jquery.js"></script> ...

    实例代码详解jquery.slides.js

    Slides – 是一个简单的,容易定制和风格化,的jQuery幻灯片插件。 Slides提供褪色或幻灯片过渡效果,图像淡入淡出,图像预压,自动生成分页,循环,自动播放的自定义等很多选项。 用Slides插件,你可以随机播放幻灯...

    Jquery表单验证插件–Validform

    一行代码搞定整站的验证,你没看错,就是是一行。效果比较友好,适合注册之类的

    jQuery倒计时插件FlipTimer特效代码

    jQuery倒计时插件FlipTimer是一款类似日历翻页效果的jQuery网站上线倒计时代码下载。

    jquery 年月日实现倒计时

    jquery 实现年月日的倒计时,很简单,有需要的欢迎下载

    修改jquery.lazyload.js实现页面延迟载入

    虽然实现了延迟载入的视觉效果,但是通过httpwatch等工具就可以看到,页面载入完毕后又发布很多空请求,而空请求就是由这些被替换过的img标签产生的,空请求也会一定程度上增加页面的打开时间,所以jquery.lazyload....

    jQuery 效果 – 淡入淡出

    jQuery 效果 – 淡入淡出 通过 jQuery,您可以实现元素的淡入淡出效果。 点击展示 淡入/淡出 面板 因为时间是宝贵的,我们提供快捷方便的学习方法。 在软件开发网,你可以学习需要的知识。 实例 演示 jQuery ...

    用jQuery实现当前页面给菜单导航一个特定样式

    这个虽然效果实现了,但是有个很大的缺点 – 导航不能调用一个,每个页面的导航写法不一样。 后来发现可以用PHP的GET变量来实现这个效果。这个效果比上一个好,可以调用同一个导航文件,但是现在想想,这个方法会让...

    jquery动画4.升级版遮罩效果的图片走廊–带自动运行效果

    主要的变化点有:把‘下一条’、‘上一条’的click事件抽象到一个函数showNext中。添加setInterval,添加selector元素的hover事件。好了,我们一个个的看。 showNext函数: 代码如下: //显示函数 function showNext...

    五个jQuery图片画廊插件 推荐

    1、Pikachoose – lightweight Jquery Image Gallery plugin 查看Demo 效果还算不错,当然跟以前推荐的几个画廊插件还是有一些差距。 推荐指数:★★★ 2、Sliding Boxes and Captions with jQuery 查看Demo 此...

    jquery马赛克拼接翻转效果代码分享

    jquery实现的非常漂亮的图片马赛克翻转效果,经测试图片切换过程非常酷,整个图片分成一个一个的小方格进行翻转变换,感兴趣的朋友快来学习学习吧 运行效果图:———————-查看效果 下载源码———————– ...

    jQuery图片特效插件Revealing实现拉伸放大

    1、head区域引用文件 jquery.js,photorevealer.js,datouwang.css 2、在文件中加入<!– 代码 开始 –><!– 代码 结束 –>区域代码 3、图片个数可以自由增减,增加或者删除<td></td>即可 4、如果图片信息更多...

    jQuery插件slides实现无缝轮播图特效

    Slides – 是一个简单的,容易定制和风格化,的jQuery幻灯片插件。Slides提供褪色或幻灯片过渡效果,图像淡入淡出,图像预压,自动生成分页,循环,自动播放的自定义等很多选项。用Slides插件,你可以随机播放幻灯片...

    jQuery 效果- 动画

    jQuery 效果- 动画 jQuery animate() 方法允许您创建自定义的动画。 jQuery 动画实例jQuery jQuery 动画 – animate() 方法 jQuery animate() 方法用于创建自定义动画。 语法: $(selector).animate({params},...

    jQuery 动画与停止动画效果实例详解

    本文实例讲述了jQuery 动画与停止动画效果。分享给大家供大家参考,具体如下: jQuery 动画 – animate() 方法 jQuery animate() 方法用于创建自定义动画。 语法: $(selector).animate({params},speed,callback); ...

    jQuery Tools tab使用介绍

    先给个官方例子。可以先弄出来看看效果 html 代码如下: <!DOCTYPE html> <html> <!– This is a jQuery Tools standalone demo. Feel free to copy/paste. http://flowplayer.org/tools/demos/ –> &lt...

    JavaScript和jQuery制作光棒效果

    使用javaScript与jQuery添加CSS样式的区别和步骤 使用javaScript制作光棒效果 –首先是javaScript [removed] $(function () { var lis = document.getElementsByTagName("li"); //定义DOM变量接受标签为li的元素 ...

Global site tag (gtag.js) - Google Analytics