Archive for the ‘jQuery’ Category

2009. 09. 22

9个实用jQuery日历插件

1. FullCalendar
FullCalendar是很出名的jQuery日历插件,它支持拖拽等功能,整合了Google Calendar,而且可以通过JSON来绑定事件,设计师可以轻松地自定义日历样式,工程师则利用它提供的接口来处理用户触发事件。

2009. 09. 7

24个jQuery驱动的网站

jQuery越来越流行了,它可以做出许多令人叹服的效果,下面的这24个网站将为你展示jQuery如果应用在网页效果中。
alexarts.ru

俄语网站,主要用到一个fancybox的插件,效果相当绚丽的弹出框。

2009. 09. 4

30个js画廊组件和教程

jQuery插件

Galleriffic | Demo

2009. 08. 20

16个SNS网站常用JS组件

1. Facebook jQuery聊天框。

Facebook本身有一个不错的IM软件,这个组件教你怎么模仿faceback的样式实现一个在线聊天框。

2009. 08. 18

又一个强大的jQuery滚动插件

 
DEMO   Download 
 

2009. 07. 30

jQuery放大镜插件

今天在css-tricks上看到一个基于jQuery实现的放大镜插件,可以实现图片、文本、日历控件元素的局部放大,主要是通过CSS结合jQuery来控制放大效果。不足的是IE6下放大框会有一点小bug,但是这个创意真是相当不错。

 
猛点这里查看DEMO
查看更多的介绍点这里:http://css-tricks.com/anythingzoomer-jquery-plugin/

本站所有文章,除特别标明外,皆为原创。如需转载,请保留本说明文字并以链接的形式保留本文链接和出处:
转载自:jQuery放大镜插件| 路可

2009. 07. 29

10个提升网站体验效果的jQuery插件

这面介绍的这些网站都提供了各种效果极佳的jQuery插件,这些插件可以为你的网站添加更富表现力的效果。我将会逐一介绍这些效果的使用说明、相关的主页和下载链接。
AJAX Fancy Captcha
极富创意的验证程序,可通过直接拖放正确的图标到目标位置来达到验证的目的。

Note:根据开发者的介绍,这种验证方式的安全级别仅为中级。
jQuery Cycle –
以前只有在flash才能实现的很酷的图片过度动画,这个强大的插件可以让你自定义缩放、调动的速度。

Cool jQuery Sliding Panel
真的很喜欢这个下拉框下效果。

jQuery Scrollable
一个非常不错、很平滑的滚动插件。

它可以用在:

图片展示
产片介绍
导航
其他你可能想到的用处

还有诸多优点:

轻易实现水平和垂直对齐。
支持按钮、方向键、鼠标滚轮导航,API式调用。
支持自定义效果。
更多的介绍可以去主页看看。

jQuery Filterable Portfolio
强大的文件夹式展示插件。

你从上面的分类tab项中选择,就可以看到效果。
Animated Portfolio
同样不错的展示效果,不过该网站的带宽目前用尽了无法访问(8月1号之后即可访问),可想而知流量多大。
Password Strength Meter

密码强度显示器。
图片可更换。
jQuery Slide-In Tab
跟上面两个类似,内tab水平切换的插件。

JQuery Dashboard
类似mac机上的效果。

Smooth Tabbed Menu
相当平滑的tab效果。

jQuery Tetris
jQuery俄罗斯方块。

本站所有文章,除特别标明外,皆为原创。如需转载,请保留本说明文字并以链接的形式保留本文链接和出处:
转载自:10个jQuery提升你网站档次| 路可

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. 15

9个小有意思的jQuery插件

Fullsize | Demo

Fullsize的一个目的是下一个HTML标准中fullsize能够成为<IMG >标签的一个属性,它的作用是在图片上提供可以查看图片原始大小的按钮。
Airport – Information Board Text Effect | Demo

Airport是很简单的一个文字效果插件,模仿飞机场或者火车站公告牌显示站点文字效果,跳动显示。
jScrollPane | Demo

jScrollPane 帮你替换浏览器默认的滚动条效果,可以轻松地更换你想要的样式。

jTip | Demo

jTip 把通过AJAX读取的内容放到提示框中,在链接上加一个class“jTip”,你就用这个链接地址获取的内容来做提示框。
TabSorter | Demo

tablesorter可以将包含THEAD、TBODY 标签的表格编程可动态排序。
FCBKcomplete | Demo

Fancy提供自动提示输入,并在输入框显示多个输入结果,类似facebook的风格。
MopTip | Demo

MopTip 很漂亮的提示框插件。
MopBox | Demo

MopBox可拖动的弹出框效果插件,支持div内容, 图片, flash, 视频等等,如果有不只一项内容,会自动显示导航条。
MopSlider | Demo

MopSlider滚动展示框,可自定义高度、宽度,一个页面可显示多个滚动框。
本文链接:http://jsssc.cn/9-rare-and-cool-jquery-plugins

本站所有文章,除特别标明外,皆为原创。如需转载,请保留本说明文字并以链接的形式保留本文链接和出处:
转载自:9个小有意思的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 [...]