jqueryppt_jquery简单实现幻灯片的方法

/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);