0

我想为我的网站制作一种重复的幻灯片横幅,但我需要一些关于如何做的帮助。我想要的最好的例子是在 play.com 网站上,他们有一个包含 5 张不同幻灯片的横幅,网站在 X 时间后在它们之间滚动,但用户也可以点击底部的编号按钮之一要跳过的横幅。

我正在考虑使用 HTML、CSS、JavaScript、AJAX 和 PHP 来做这件事。我已经设置了一个 Ajax 脚本,该脚本已经链接到一个 php 页面,该页面将在某个时候检查数据库以获取其内容。但我想使用列表 lu 和 li 输出所有内容。

那么有没有人知道任何教程或我可以用来在 play.com 上获得类似东西的东西?play.com 或多或少与我想要的完全匹配。

谢谢您的帮助。

4

4 回答 4

2

您可以将 jQuery 与幻灯片插件结合使用。你不必自己做太多事情。可以在这里找到满足您需求的插件:http: //slidesjs.com

您还可以在 Google 上搜索“jquery 幻灯片”。这应该会返回很多带有插件的页面。

于 2012-05-10T10:19:26.960 回答
0

这是一个非常简单的循环遍历<img>放置在<div class="slideshow">包装器内的任意数量的元素,它只使用几行 jQuery 和 css ...


http://jsfiddle.net/DaveAlger/eNxuJ/1/


希望这对其他人有帮助

于 2012-05-31T17:09:18.887 回答
0

除非您有充分的理由,否则您无需自己创建滑块,已经有很多选项(并经过测试)。

我经常使用这两个:

http://nivo.dev7studios.com/demos/

http://jquerytools.org/demos/scrollable/index.html

于 2012-05-10T11:26:07.240 回答
0

我使用http://jquery.malsup.com/cycle/因为它有一个非常基本的淡入淡出,但如果需要还有很多不同的动画。

于 2012-05-10T10:46:23.767 回答