- 时间:2022-04-12 08:21 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:推荐40个非常优秀的jQuery插件和教程【系列三】
Snippet – jQuery Syntax Highlighter
( [url=http://www.steamdev.com/snippet/]演示 [/url]| [url=http://www.steamdev.com/snippet/]下载[/url] )
Snippet 是一款超棒的代码高亮插件,支持15种流行语言,有数十种配色方案供选择,酷!
[url=http://www.steamdev.com/snippet/][img]http://files.jb51.net/file_images/article/201111/jqueryplugins20.jpg[/img]
[/url]
Apple-like Retina Effect With jQuery
( [url=http://demo.tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/demo.html]演示 [/url]| [url=http://demo.tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/demo.zip]下载[/url] )
使用 jQuery 实现的苹果 Retina 效果插件,很棒!
[url=http://tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/][img]http://files.jb51.net/file_images/article/201111/jqueryplugins22.jpg[/img]
[/url]
Animate Panning Slideshow with jQuery
( [url=http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm]演示 [/url]| [url=http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.zip]下载[/url] )
一款很棒的 jQuery 幻灯片插件,有详细的制作教程。
[url=http://buildinternet.com/2010/02/animate-panning-slideshow-with-jquery/][img]http://files.jb51.net/file_images/article/201111/jqueryplugins23.jpg[/img]
[/url]
Colourful rating system with CSS3
( [url=http://demo.marcofolio.net/colourful_rating_system/]演示 [/url]| [url=http://www.marcofolio.net/downloads/webdesign/colourful_rating_system_with_css3_and_jquery/download.html]下载[/url] )
使用 jQuery 和 CSS3 实现的很棒的评分插件。
[url=http://www.marcofolio.net/webdesign/jquery_quickie_colourful_rating_system_with_css3.html][img]http://files.jb51.net/file_images/article/201111/jqueryplugins24.jpg[/img]
[/url]
Smooth animated quote display
( [url=http://demo.marcofolio.net/quote_display/]演示 [/url]| [url=http://www.marcofolio.net/downloads/webdesign/smooth_animated_quote_display/download.html]下载[/url] )
使用 jQuery 实现的平滑显示引用内容的插件。
[url=http://www.marcofolio.net/webdesign/jquery_quickie_smooth_animated_quote_display.html][img]http://files.jb51.net/file_images/article/201111/jqueryplugins25.jpg[/img]
[/url]
Create Custom PopUp (Modal Window) with jQuery
( [url=http://webdesignersdesk.com/demo/custompopup/]演示 [/url]| [url=http://webdesignersdesk.com/2010/05/create-custom-popup-model-window-with-jquery/]下载[/url] )
这个教程教你使用 jQuery 制作一款模态弹窗插件。
[url=http://webdesignersdesk.com/2010/05/create-custom-popup-model-window-with-jquery/][img]http://files.jb51.net/file_images/article/201111/jqueryplugins26.jpg[/img]
[/url]
Create a Digg-style post sharing tool with jQuery
( [url=http://www.queness.com/resources/html/shareit/index.html]演示 [/url]| [url=http://www.queness.com/resources/archives/jquery-shareit.zip]下载[/url] )
使用 jQuery 制作的一款类似 Digg 风格的内容分享插件。
[url=http://www.queness.com/post/309/create-a-digg-style-post-sharing-tool-with-jquery][img]http://files.jb51.net/file_images/article/201111/jqueryplugins27.jpg[/img]
[/url]
Create an Attractive Before and After Photo Effect with jQuery
( [url=http://www.queness.com/resources/html/beforeafter/index.html]演示 [/url]| [url=http://www.queness.com/resources/archives/jquery-qbeforeafter.zip]下载[/url] )
这个教程教您使用 jQuery 实现一款照片的前后对照效果插件。
[url=http://www.queness.com/post/6480/create-an-attractive-before-and-after-photo-effect-with-jquery][img]http://files.jb51.net/file_images/article/201111/jqueryplugins28.jpg[/img]
[/url]
CSS3 Rounded Image With jQuery
( [url=http://www.webdesignerwall.com/demo/jquery-css3-rounded-img/]演示 [/url]| [url=http://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery/comment-page-1/]下载[/url] )
这个教程教您使用 jQuery 和 CSS3 实现图片的圆角效果。
[url=http://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery/comment-page-1/][img]http://files.jb51.net/file_images/article/201111/jqueryplugins29.jpg[/img]
[/url]
Simple JQuery Image Slide Show with Semi-Transparent Caption
( [url=http://www.queness.com/resources/html/slideshow/jquery-slideshow.html]演示 [/url]| [url=http://www.queness.com/resources/archives/jquery-slideshow.zip]下载[/url] )
使用 jQuery 制作的一款简单的图片幻灯片插件。
[url=http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption][img]http://files.jb51.net/file_images/article/201111/jqueryplugins30.jpg[/img]
[/url]