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

总结

以上是生活随笔为你收集整理的jqueryppt_jquery简单实现幻灯片的方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。