基础为王，打造一个自动播放的幻灯片
$( '#nextArrow' ).bind( 'click' , function (){ alert( "Clicked!" ); }); $( '#nextArrow' ).trigger( 'click' ); // 或者选择下面的: // $('#nextArrow').click();
核心代码：
//autoadvance.js $(window).load( function (){ //window.load 事件保证了在自动轮播事件开启之前，让所有的图片先进行了加载 var timeOut = null ; $( '#slideshow .arrow' ).click( function (e,simulated){ //模拟参数被设置在了触发的方法中 if (!simulated){ //真正的点击事件发生。 // 取消自动轮播动画。 clearTimeout(timeOut); } }); // 一个自定义名称的自动执行函数 ( function autoAdvance(){ //模拟下一张图片点击 $( '#slideshow .next' ).trigger( 'click' ,[ true ]); //设置延时5秒钟 timeOut = setTimeout(autoAdvance,5000); })(); });
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！