跳转到路径导航栏
跳转到正文内容

十大触目惊心的jQuery幻灯片特效插件

http://www.sina.com.cn  2012年03月31日 09:38  IT168.com微博

  作者:皮丽华

十大触目惊心的jQuery幻灯片特效插件

1/10

  Orbit 是一个设计良好并且容易使用的jQuery图片滑动幻灯片插件,它除了支持图片滚动切换展示外,还支持针对内容的滚动。插件的定制性相当高,它提供了多个参数的设置,通过设置你可以将它打造成完全符合你要求的样式。

  http://www.zurb.com/playground/jquery_image_slider_plugin

  您需要安装jQuery和Orbit插件,添加CSS样式,激活Orbit插件。当您在调用Orbit插件的时候,你可以设置自己的选择器,调用"orbit"类。

十大触目惊心的jQuery幻灯片特效插件

2/10

  这是一个利用视差原理来实现的一个漂亮jQuery图片幻灯片播放效果的插件,当切换图片时候,背景图片也可以跟随改变,这样能够让整个滑块在运动时产生非常吸引人的效果。

  http://tympanus.net/Tutorials/ParallaxSlider/

  我们使用“pxs_container”类组成了主要的容器,为三张不同的背景创建了视差效果,如果设置为0,将停止自动播放。

  Speed:每张幻灯片的动画效果

  easing:幻灯片的缓和效果

  easingBg:背景动画的缓动效果

  circular:圆形滑动

  thumbRotation:随机旋转大拇指

十大触目惊心的jQuery幻灯片特效插件

3/10

  AviaSlider是一个独特的slidershow插件,支持8种不同的图片切换效果。支持图片预加载,图片自动播放当用户交互时停止。http://aviathemes.com/aviaslider/

  超强的焦点幻灯轮换jquery插件AviaSlider,8种切换方式自由选择,以jquery+css为主要技术,不同的切换效果通过地址传递参数来判断。

  1、jquery+css制作简单使用比较方法。

  2、幻灯片自动播放切换,有描述信息展示在底部。

  3、切换点在底部,可以点击切换。

  4、通过地址传递参数比较不方便。

  5、各种切换方式都是以小方块为内容。

  http://aviathemes.com/aviaslider/

十大触目惊心的jQuery幻灯片特效插件

4/10

  Coin Slider是一个具有独特转换效果的jQuery Image Slider,可以自动播放或手动导航播放。该插件体积还是比较小的,只有8KB,使用方法也很简单。首先是加载JS和CSS文件,接下来是编写容器以及内容,最后调用它,当然,它也是有可选参数的,如果想自己定义的话可以进行设置

十大触目惊心的jQuery幻灯片特效插件

5/10

  NV Slider是一款基于Joomla 1.5上简单的Joomla Image 模块。无需任何HTML技巧,你可以将它集成到任何一个网站上,它可以自定义连续动画效果,动画速度,前进和后退导航,添加各种不同效果。

十大触目惊心的jQuery幻灯片特效插件

6/10

上一页 1 2 下一页

分享到:

新浪简介About Sina广告服务联系我们招聘信息网站律师SINA English会员注册产品答疑┊Copyright © 1996-2012 SINA Corporation, All Rights Reserved

新浪公司 版权所有