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 相关文章推荐
JavaScript学习笔记记录我的旅程
May 23 Javascript
javascript实现倒计时(精确到秒)
Jun 26 Javascript
JavaScript获得指定对象大小的方法
Jul 01 Javascript
跟我学习javascript的最新标准ES6
Nov 20 Javascript
详解js图片轮播效果实现原理
Dec 17 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
jquery插件bootstrapValidator表单验证详解
Dec 15 Javascript
js date 格式化
Feb 15 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
详解Vue 动态组件与全局事件绑定总结
Nov 11 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
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
PHP使用PDO操作数据库的乱码问题解决方法
2016/04/08 PHP
Mootools 1.2教程 类(一)
2009/09/15 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
2015/11/30 Javascript
JavaScript匿名函数之模仿块级作用域
2015/12/12 Javascript
关于JavaScript数组你所不知道的3件事
2016/08/24 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
Vue.js第三天学习笔记(计算属性computed)
2016/12/01 Javascript
js实现返回顶部效果
2017/03/10 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
老生常谈js-react组件生命周期
2017/05/02 Javascript
JS实现的简单表单验证功能示例
2017/10/13 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
2019/03/14 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
python实现发送邮件功能代码
2017/12/14 Python
详解Python3注释知识点
2019/02/19 Python
VPS CENTOS 上配置python,mysql,nginx,uwsgi,django的方法详解
2019/07/01 Python
python日志模块logbook使用方法
2019/09/19 Python
使用Pyhton 分析酒店针孔摄像头
2020/03/04 Python
基于python连接oracle导并出数据文件
2020/04/28 Python
python属于哪种语言
2020/08/16 Python
Python用户自定义异常的实现
2020/12/25 Python
企业公益活动策划方案
2014/08/24 职场文书
综合测评自我评价
2015/03/06 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书
高中体育课教学反思
2016/02/16 职场文书
Java实现HTML转为Word的示例代码
2022/06/28 Java/Android