jquery实现简单的自动播放幻灯片效果

前端之家收集整理的这篇文章主要介绍了jquery实现简单的自动播放幻灯片效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jquery实现简单的自动播放幻灯片效果分享给大家供大家参考。具体实现方法如下:

html部分:

Pretty cool eh? This slide is proof the content can be anything.

CSS部分:

div { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; }

jQuery部分:

div:gt(0)").hide(); setInterval(function() { $('#slideshow > div:first') .fadeOut(1000) .next() .fadeIn(1000) .end() .appendTo('#slideshow'); },3000);

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

猜你在找的jQuery相关文章