20个真棒的jquery和css打造的图片动画效果(转)

JQuery帮助您改善您的网站架构。作为JavaScript框架的一部分，jQuery是不断更新的，目前已经更新到1.8,你看到大街上的广告牌，图片淡出，这个用jquery就可以实现，你看到有的网站每次刷新页面，背景图片每次都会变换，这个效果也可以用它来实现，等等，在这篇文章中，我为您介绍20真棒jQuery效果插件，你可以找到基于jQuery的一个新的CSS动画图片效果，以改善您的网站架构......！

1. Rotating Billboard System with jQuery

使用一些图片，CSS和jQuery创建两个广告效果的旋转广告牌。实现的效果是一个广告消失，另一个广告出现

 

演示   免费下载

2. Contextual Slide out

jQuery | CSS3实现的Slideout Tips，个性网页提示效果，用本效果的TIPS可以提示文字或图片，而且带点渐入渐出的动画效果，看上去过渡更自然，

 

演示   免费下载

3. JQuery Slider

这是一个高度可定制的jQuery滑块插件。你可以设置其宽度，高度，分页和其他参数。

 

演示   免费下载

4. Bubble Navigation with jQuery

利用jQuery创建一个具有冒泡效果的导航界面。当鼠标移过一些圆形导航图标时会释放一个汽泡。

 

演示   免费下载

5. Circulate

Circulate是一个可以让你的图片围绕你的页面进行旋转的jQuery插件。

 

演示   免费下载

6. Craft Map

一个轻量级的(6kb)，完全可配置的jQuery插件，通过覆盖元素可以将简单图片转换成一个功能性的地图。

 

演示   免费下载

7. Face book Page Photo Gallery

在关于自己的页面上，展示你的头像特效照片。

 

演示   免费下载

8. Disruptive Talk

这个插件允许你的用户从你的网站上拨打你网站上留下的电话

 

演示   免费下载

9. Better Backgrounds

显示随机的背景图片每次用户刷新页面或者关闭浏览器重新访问，图片背景是全屏滚动或者是固定的图片

 

演示   免费下载

10. Glissejs

glisse.js是一个简单，反应迅速，完全可定制的jQuery图片浏览器。

 

演示   免费下载

11. Fancy Gallery Lite

 

演示   免费下载

12. 3D Sphere Using jQuery

我们将建立一个球体旋转取决于哪个方向移动鼠标.

 

演示   免费下载

13. Photo Zoom Out Effect with jQuery

Photo Zoom Out Effect with jQuery是一款很有意思的jQuery特效，支持鼠标移过放大当前图片。

 

演示   免费下载

14. Revealing Photo Slider

基于jquery的图片缩放特效，效果靓丽，图片切换平滑。

 

演示   免费下载

15. Sponsor Flip Wall With jQuery CSS

一个非常不错的显示数据到网格里的插件。 点击后，缩略图会翻转，然后显示更多信息。

 

演示   免费下载

16. Image gallery with fancy transitions effects

一款非常棒的图片幻灯淡出渐进效果的插件，点击前后切换按钮，图片来回组合成一张大图片

 

演示   免费下载

17. zoomooz

Zoomooz.js 是一个易用的 jQuery 插件让网页的元素可进行优雅的缩放操作，特别适用相册网站

 

演示   免费下载

18. Easy Scroll

在任何情况下，有一个参数，可以使你的滚动产生独特的效果。

 

演示   免费下载

19. jQuery DJ Hero

jQuery DJ Hero 结合了jQuery和CSS3技术，你可以选择开始，加速或减速，目前还没有真实的音乐效果，不过在后期会提供，这个演示只能在支持CSS3的浏览器上工作，最新版本的Safari，Firefox，Chrome都支持。。

 

演示   免费下载

20. Rhinoslider

Rhinoslider是一款新发布的jQuery插件，它不单单提供非常可供选择的过渡效果，同时也允许你添加你自己的样式，效果及其特性

 

演示   免费下载