分享十五个jquery幻灯片插件
红甫
2023-12-01
在网站前端中使用jQuery库已经变得越来越流行,前端开发人员发布或撰写的相关的插件和教程也与日俱增。
幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很流行的。你是否也对在自己的网站上实现类似的效果感兴趣?那就看一下本文列出的jQuery插件吧!
[b]1. jFlow[/b]
[url=http://net.tutsplus.com/articles/news/using-the-wonderful-jflow-plugin-screencast/]官方网站[/url] | [url=http://nettuts.s3.amazonaws.com/078_screencast2/jFlowTutorial/index.htm]演示[/url]
一个漂亮而整洁的图片幻灯,被nettut推荐,如果你想自己做一个图片幻灯效果,就去看看吧。
[img]http://dl.iteye.com/upload/attachment/435417/8c4fe264-d622-3f86-a439-b3e853f6e46b.jpg[/img]
[b]2. 使用jQuery UI实现推荐内容的幻灯展示[/b]
[url=http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/]官方网站[/url]
这是一个教你如何“使用一种很有冲击力的方法展示你的网站/博客的最佳内容以吸引更多眼球”的很不错的教程。该文章介绍展示推荐内容的技术中的一个是自动播放内容幻灯。
[img]http://dl.iteye.com/upload/attachment/435421/7121a56f-7b69-3f29-bc1a-1c25a1aa1c8e.jpg[/img]
[b]3. 创建漂亮的jQuery幻灯教程[/b]
[url=http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html]官方网站[/url] | [url=http://dreamcss.comli.com/jquery%20sliders/]演示[/url]
该教程介绍如何开发/创建漂亮的使用图片描述和名称的jQuery幻灯。
[img]http://dl.iteye.com/upload/attachment/435423/f531e6ea-1c79-3e3e-8092-0ef57d903aa5.jpg[/img]
[b]4. 基于jQuery的一个简单的内容幻灯效果[/b]
[url=http://brenelz.com/blog/build-a-content-slider-with-jquery/]官方网站[/url] | [url=http://ennuidesign.com/demo/contentslider/]演示[/url]
Brenelz的网站开发技巧的一个简单的内容幻灯效果。
[img]http://dl.iteye.com/upload/attachment/435430/5ff54f31-0407-3f02-882a-a06f6a490725.jpg[/img]
[b]5. JC Play List[/b]
[url=http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/]官方网站[/url] | [url=http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/examples.htm]演示[/url]
免费而好用的使用Flash组件创建的一个jQuery幻灯插件,特别是对XML、RSS2.0、Picasa和Flickr等多媒体列表等非常方便
[img]http://dl.iteye.com/upload/attachment/435438/760af7e9-d3e6-3991-ac08-9f89cf20127f.jpg[/img]
6. Easy Slider
[url=http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding]官方网站[/url] | [url=http://cssglobe.com/lab/easyslider1.5/04.html]演示[/url]
一个JQuery插件,允许图片或任何内容在点击的时候水平/垂直滑动。
[img]http://dl.iteye.com/upload/attachment/435444/1abe00ec-6ae7-32b2-ad75-74dcdf8b67ae.jpg[/img]