时间:2021-05-26
本文实例讲述了jquery实现简单的自动播放幻灯片效果。分享给大家供大家参考。具体实现方法如下:
html部分:
<div id="slideshow"> <div> <img src="images/5224/5658667829_2bb7d42a9c_m.jpg"> </div> <div> <img src="images/5230/5638093881_a791e4f819_m.jpg"> </div> <div> Pretty cool eh? This slide is proof the content can be anything. </div></div>CSS部分:
#slideshow { margin: 50px auto; position: relative; width: 240px; height: 240px; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.4);}#slideshow > div { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px;}jQuery部分:
//Run after DOM is ready.$("#slideshow > div:gt(0)").hide();setInterval(function() { $('#slideshow > div:first') .fadeOut(1000) .next() .fadeIn(1000) .end() .appendTo('#slideshow');}, 3000);希望本文所述对大家的jQuery程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
我们经常喜欢将PPT幻灯片设置成自动循环播放,这样可以在片尾让幻灯片重新返回到封面重新自动播放。其实设置让幻灯片循环播放可以在WPS演示中简单的实现,下面就让我
跨幻灯片和自动的区别如下: 1、背景音乐跨幻灯片播放:播放幻灯片开始就有音乐,切换到下一张PPT时,音乐还是播放的。 2、自动播放:播放幻灯片就有音乐,切换
ppt自动播放下一页是因为设置了幻灯片放映的换片模式选择了自动,取消自动播放到下一页只需要把幻灯片放映设置里的换片方式换成手动即可。 MicrosoftOff
Focusky多媒体演示作品如何自动播放?Focusky是支持自动播放功能,Focusky还具有强大的全局感以及缩放旋转查看细节功能,把幻灯片做成电影的效果!使
wps演示设置在自动播放的情况下每张幻灯片间隔10秒可按照以下步骤进行: 1、打开wps演示文档,选择幻灯片放映功能区的幻灯片切换; 2、在弹出的界面右侧,