jQuery实现了一个简单的自动播放幻灯片效果。

本文演示了jQuery实现一个简单的自动播放幻灯片的效果，供大家参考，具体实现方法如下：

HTML的一部分：










很酷，这张幻灯片证明了内容可以是任何东西。




CSS部分：


幻灯片需要在包装器中绝对定位。
这一点额外的精力：。
{ #幻灯片
保证金：50px汽车；
职位：相对；
宽度：240px；
身高：240px；
填料：10px；
盒子的影子：00 20px RGBA（0,0,0,0.4）；
}
#幻灯片> div {
位置：绝对；
上图：10px；
左：10px；
右：10px；
底部：10px；
}


jQuery的一部分：


在DOM就绪后运行。
$（#幻灯片> div：GT（0））藏（）；
setInterval（）{（）函数（
$（#幻灯片> div：第一）
淡出（1000）。
下一个（）
时（1000）。
（（完）
。appendto（' #幻灯片）；
}，3000）；


希望本文能对大家的jQuery程序设计有所帮助。