剑锋博客

jQuery幻灯片插件：jQuery Cycle Plugin

这个插件的特点是干净！只有滚动图片，没有其它任何多余的元素。并且由于使用了jQuery的缘故，在IE和火狐中的滚动效果是一致的。

当然，为了实现更好看的效果，有人可能更喜欢使用flash作为幻灯片程序。这在某些场合是最好的选择，不过也有一些缺陷：

1、flash的导出链接，不会记录导出来源。这在做广告投放是无意是致命的缺点。因为无法统计广告点击效果（可以通过其它辅助技术来实现这一点功能，不过毕竟要做更多的努力）。

2、在一些浏览器安全设置中，可能会阻止flash的弹出窗口。

而使用基于原始html文档结构的js幻灯片，则无这些缺点。

jQuery插件的优势在于，我们无需关注技术的实现细节。我们只要按照插件的文档结构要求来安排我们的html，并且启用插件就可以了。

插件演示、插件下载。

可用切换效果：

blindX
blindY
blindZ
cover
curtainX
curtainY
fade
fadeZoom
growX
growY
none
scrollUp
scrollDown
scrollLeft
scrollRight
scrollHorz
scrollVert
shuffle
slideX
slideY
toss
turnUp
turnDown
turnLeft
turnRight
uncover
wipe
zoom

设置方法：

$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'scrollUp' //这里设置切换效果
	});
});

 赶紧试试看吧！

本文首发：剑锋博客 尊重作者，请保留链接。