1. FullCalendar
FullCalendar是很出名的jQuery日历插件，它支持拖拽等功能，整合了Google Calendar，而且可以通过JSON来绑定事件，设计师可以轻松地自定义日历样式，工程师则利用它提供的接口来处理用户触发事件。
Posts Tagged ‘jQuery’
2009.
09.
22
9个实用jQuery日历插件
2009.
09.
7
24个jQuery驱动的网站
jQuery越来越流行了，它可以做出许多令人叹服的效果，下面的这24个网站将为你展示jQuery如果应用在网页效果中。
alexarts.ru
俄语网站，主要用到一个fancybox的插件，效果相当绚丽的弹出框。
2009.
08.
20
16个SNS网站常用JS组件
1. Facebook jQuery聊天框。
Facebook本身有一个不错的IM软件，这个组件教你怎么模仿faceback的样式实现一个在线聊天框。
2009.
07.
17
11个创意jQuery画廊插件
由kulando.de整理的jQuery图片切换效果插件，可惜有几个网站已经被墙。
可以翻墙的同学可以去看看，都是很不错的插件。
德文原文地址：http://webstandard.kulando.de/post/2009/07/16/creative-image-galleries-by-jquery
FullScreen Image-Gallery
SupersizedGallery
ImageRotator
Galleria
Content-Gallery
Galleriffic
EasySlider
看中文介绍的猛点此处：http://jsssc.cn/easy-slider-15-the-easiest-jquery-plugin-for-sliding/
ImageScroller
Slider
ImagesSwitch
PanoramaView
本文地址：http://jsssc.cn/creative-image-galleries-by-jquery
本站所有文章，除特别标明外，皆为原创。如需转载，请保留本说明文字并以链接的形式保留本文链接和出处:
转载自:有创意的jQuery画廊插件| 路可
2009.
07.
10
用jQuery实现各种CSS3效果
css3可以轻松实现很多譬如图片边框、多重背景、文字阴影等效果，但是目前支持css3的浏览器少之又少，往往了实现圆角效果要去写一堆代码，下面介绍的这些强大的jQuery插件可以轻松帮你实现很多复杂的视觉效果。
在这之前我们先来看一下几个CSS3实例代码是怎么实现各种效果的。
1.多重背景
#backgrounds-box {
background: url(top-backgroundg.png) top left no-repeat,
url(bottom-backgroundg.png) bottombottom left no-repeat,
url(middle -backgroundg.png) left repeat-y;
padding: 35px;
}
2.文字阴影
b { text-shadow: 5px 5px 5px #666666; }
3.圆角
#rounded-corners-box {
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-rightright-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-rightright-radius: 8px;
}
4.透明效果
.div-name { background: #333333; opacity:0.8; width: 380px; height:70px; }
下面来看看jQuery插件实现css3效果的插件：
jQuery Corners 0.3
轻松地实现漂亮的圆角，无需额外的标签或图片。支持 iPhone.、Chrome、Firefox、Safari 2+、 Opera 9.0+、Internet Explorer 6+。
jQuery Canvas Rounded Corners
通过canvas 实现圆角的jQuery插件，支持IE7、FF。
How To Border Image with CSS3 and jQuery
CSS3 draft [...]
2009.
07.
9
9个javascript语法高亮插件
语法高亮效果使用非常频繁，特别是在博客里展示各种代码的时候，可以让代码更易读。我们身边就有很多语法高亮的插件，其中大部分是用javascript写的，也有一些是通过server端语言实现（比如Phyton或Ruby）。
下面介绍的是一些纯javascript实现的语法高亮插件。
英文原文：http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/
1. SyntaxHighlighter
我相信这个插件是我们使用多的，它支持超多的语言，如果遇到不支持的语法还支持自定义。
2. SHJS
SHJS 是js语法高亮插件的代表，它支持很多编程语言，兼容Firefox 2 &3, IE 6 & 7, Opera 9.6, Safari 3.2 &Chrome 1.0。
3. beautyOfCode
beautyOfCode 是一个基于jQuery的语法高亮插件，使用了Alex Gorbatchev的语法高亮脚本使它更贴近 XHTML标准。
4. Chili
Chili is也是基于jQuery的语法高亮插件，支持很多语言并且带很多可配置项。
5. Lighter.js
Lighter.js是基于MooTools的免费语法高亮插件， 简单易用。
6. Highlight.js
highlight.js 同样是简单易用，支持多数语言，它有很多可以跟CMS、论坛和博客整合的插件。
7. DlHighlight
DlHighlight是一款比较简单的高亮插件，仅支持JavaScript, CSS, XML, HTML。
8. Google Code Prettify
Google Code Prettify是谷歌出品的语法高亮插件，可以高亮html页面中的部分代码片段。
9. JUSH
JUSH是另外一个 jQuery语法高亮插件 ，支持HTML, CSS, PHP, PY 和 SQL。
本文链接：http://jsssc.cn/9-useful-javascript-syntax-highlighting-scripts/
本站所有文章，除特别标明外，皆为原创。如需转载，请保留本说明文字并以链接的形式保留本文链接和出处:
转载自:9个javascript语法高亮插件| 路可
2009.
07.
1
jQuery轻松驾驭导航菜单
得益于jQuery便捷强大的dom操作能力，我们可以轻松制作出各种效果不俗的导航菜单，如果还在学习阶段我觉得自己动手写个有点创意的导航效果还是很有成就感，这其中关键的是这样的导航插件扩展性能如何，实现是否如果便利，兼容性如何，甚至菜单背景的图片效果都会影响到导航菜单整体效果。
在jQuery的众多插件中最不缺的应该就是导航插件了，下面的这些都很不错。
Pufferfish – labs.dragoninteractive.com
Tab-Navigation
Sliding Navigation – www.kriesi.at
CSS Dock Menu – www.ndesign-studio.com
Flyout Menu – iPod-Style – www.filamentgroup.com
(mb)Menu 2.6 (New!) – pupunzi.wordpress.com
jSlickmenu – www.marcofolio.net
GarageDoor – www.gayadesign.com
MenuFader – css-tricks.com
jdMenu – The Hierarchical Menu – jdsharp.us
Sitemap Styler – cssglobe.com
Smooth Animated Menu – buildinternet.com
jBreadCrumb – www.comparenetworks.com
Horizontal Accordion – designreviver.com
Animated Drop Down Menu – xyberneticos.com
本文链接：http://jsssc.cn/jquery-the-easy-way-to-navigate
本站所有文章，除特别标明外，皆为原创。如需转载，请保留本说明文字并以链接的形式保留本文链接和出处:
转载自:jQuery轻松驾驭导航菜单| 路可
