10个基于Jquery的幻灯片插件教程


Posted in Javascript onOctober 29, 2010

常听有人说jquery 比较难学,只要你感兴趣,实现幻灯片效果还是蛮有乐趣的,下面的Jquery 幻灯片教程将引领你进入Jquery插件开发的喜悦中,希望对大家有帮助。

1、        jQuery Easy Slides v1.1<?XML:NAMESPACE PREFIX = O />

<?XML:NAMESPACE PREFIX = V />10个基于Jquery的幻灯片插件教程

在所有的Jquery幻灯片插件中,Jquery easy sildes算是最容易使用的一个。

2、       The Piecemaker XML Gallery

10个基于Jquery的幻灯片插件教程

非常酷的具有3D效果的jquery 插件,有详细的制作方法,有兴趣的朋友可以研究一下它的源代码。不用Flash也可以实现那么炫耀的效果,没有想到吧。

3、       Create Beautiful jQuery Slider Tutorial

10个基于Jquery的幻灯片插件教程

这篇教程详细地介绍了如何开发一个漂亮的jquery图片幻灯片效果,包括图片名称和简短描述

4、       Create a Simple Slideshow Using MooTools Thumbnails and Captions

10个基于Jquery的幻灯片插件教程

使用Mootools创建幻灯片效果已经非常常见和效果也非常棒,主要分为四步:

第一步,布置幻灯片放映的布局;

第二步,给幻灯片添加事件控制;

第三步,给幻灯片一个统一的样式类;

第四步,添加图片缩略图和标题。

5、       Query Blinds Slideshow using CSS Sprites

10个基于Jquery的幻灯片插件教程

使用CSS Sprints创建的百叶窗效果

6、       Create a Quick MooTools Slideshow with Preloading Images

10个基于Jquery的幻灯片插件教程

此教程展示了如何是用MooTools创建简单的幻灯片效果,也展示了如何预加载图片,从而使幻灯片效果看起来更高雅和避免页面加载时图片混乱。

7、       Advanced jQuery background image slideshow

10个基于Jquery的幻灯片插件教程

一个切换背景图片的幻灯片效果

8、       Colorful Sliders With jQuery & CSS3

10个基于Jquery的幻灯片插件教程

使用JqueryCSS3创建的Colorful Silders

9、       Coin Slider

10个基于Jquery的幻灯片插件教程

非常独特的幻灯片效果,国内很多网站有使用这种效果,特别是视频网站,很绚丽的。

10、 JCoverflip

10个基于Jquery的幻灯片插件教程

当图片很多的时候,使用此插件会达到比较好的用户体验,一些门户网站有使用此种效果的。

作者:灵动生活
出处:http://www.cnblogs.com/ywqu

Javascript 相关文章推荐
ie和firefox不兼容的解决方法集合
Apr 28 Javascript
JavaScript 模拟用户单击事件
Dec 31 Javascript
全面兼容的javascript时间格式化函数(比较实用)
May 14 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
Feb 29 Javascript
ionic中列表项增加和删除的实现方法
Jan 22 Javascript
利用js判断手机是否安装某个app的多种方案
Feb 13 Javascript
js实现数字递增特效【仿支付宝我的财富】
May 05 Javascript
angularjs2中父子组件的数据传递的实例代码
Jul 05 Javascript
JS实现中文汉字按拼音排序的方法
Oct 09 Javascript
详解nuxt sass全局变量(公共scss解决方案)
Jun 27 Javascript
微信小程序开发中var that =this的用法详解
Jan 18 Javascript
jQuery.ajax 用户登录验证代码
Oct 29 #Javascript
Jquery Autocomplete 结合asp.net使用要点
Oct 29 #Javascript
JavaScript 小型打飞机游戏实现原理说明
Oct 28 #Javascript
基于jquery的网页SELECT下拉框美化代码
Oct 28 #Javascript
jQuery编写widget的一些技巧分享
Oct 28 #Javascript
jQuery timers计时器简单应用说明
Oct 28 #Javascript
jquery ajax abort()的使用方法
Oct 28 #Javascript
You might like
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
php上传图片并压缩的实现方法
2015/12/22 PHP
PHP匿名函数和use子句用法实例
2016/03/16 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
一些有关检查数据的JS代码
2006/09/07 Javascript
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
JavaScript阻止浏览器返回按钮的方法
2015/03/18 Javascript
jquery获取css的color值返回RGB的方法
2015/12/18 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
JavaScript中的函数(二)
2015/12/23 Javascript
微信小程序开发之toast提示插件使用示例
2017/06/08 Javascript
vue 粒子特效的示例代码
2017/09/19 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
详解vue 中 scoped 样式作用域的规则
2020/09/14 Javascript
vue 避免变量赋值后双向绑定的操作
2020/11/07 Javascript
Python time模块详解(常用函数实例讲解,非常好)
2014/04/24 Python
探究数组排序提升Python程序的循环的运行效率的原因
2015/04/01 Python
Python字符串拼接六种方法介绍
2017/12/18 Python
Python如何生成树形图案
2018/01/03 Python
python opencv检测目标颜色的实例讲解
2018/04/02 Python
python 多线程中子线程和主线程相互通信方法
2018/11/09 Python
python实现弹跳小球
2019/05/13 Python
pytorch使用 to 进行类型转换方式
2020/01/08 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
使用Python发现隐藏的wifi
2020/03/04 Python
python实现图片,视频人脸识别(opencv版)
2020/11/18 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
CSS3实现线性渐变用法示例代码详解
2020/08/07 HTML / CSS
H5混合开发app如何升级的方法
2018/01/10 HTML / CSS
法学专业自我鉴定
2014/02/05 职场文书
知识竞赛活动方案
2014/02/18 职场文书
小学三年级学生评语
2014/04/22 职场文书
意外伤害赔偿协议书
2014/09/16 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
SpringBoot集成MongoDB实现文件上传的步骤
2022/04/18 MongoDB