/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

幻燈片

.slide{position: relative; overflow: hidden;}

.slide img{max-width: 100%; position: absolute; left: 0; top: 0;}

.slide img:first-child{position: relative; visibility: visible;}

var size = $('.slide img').size();

var _index = size;

var timer = null;

$('.slide').append($('.slide img:eq(0)').clone());

timer = setInterval(function(){

$('.slide img').eq(_index).fadeOut(800);

_index == 1?_index=size:_index--;

$('.slide img').eq(_index).fadeIn(800);

},4000);

總結

以上是生活随笔為你收集整理的jqueryppt_jquery简单实现幻灯片的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。