Question

我还是jQuery的新手，在横幅和动态网络功能方面来自flash / javascript背景。有没有人知道任何一个简单的旋转横幅的好教程？

我正在寻找一个带有3个旋转图像和一个1,2,3按钮的图像来回到其他图像。

任何帮助或建议都会很棒。

Answer 1

你应该熟悉jQuery Animate。

但为什么重新发明轮子？有很多优秀且经过良好测试的jQuery插件。

<强>插件

<强>教程

Answer 2

看看这个功能，它是一个简单的滑块：

<强> HTML

<img src="pic_01.jpg" id="photo" />
<span id="slideNumber"></span>

<强> JS

var ImageArr1 = new Array("pic_01.jpg","pic_02.jpg","pic_03.jpg");
var ImageHolder1 = document.getElementById("photo");

function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
document.getElementById('slideNumber').textContent = "Slide "+(Start+1)+" of "+ImageArr1.length;
window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",3500);
}

RotateImages(1,0);

我有一个图片容器并切换它的SRC属性以显示其他图片。它的自动定时时间为3500毫秒，并显示有关下面图片索引的信息。

我知道这是纯粹的javascript，但请看一下。它会教你一些基础知识。

Answer 3

jQuery Cycle-plugin非常适合这个

http://jquery.malsup.com/cycle/

它甚至可以创建一个动态菜单（比如你想要的1,2,3-bottons）。

基本的jQuery横幅？

3 个答案: