温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

基础为王,打造一个自动播放的幻灯片

发布时间:2020-08-11 22:31:48 来源:网络 阅读:349 作者:renyiqiu 栏目:web开发

基础为王,打造一个自动播放的幻灯片


$('#nextArrow').bind('click',function(){
alert("Clicked!");
});
$('#nextArrow').trigger('click');
// 或者选择下面的:
// $('#nextArrow').click();




核心代码:


//autoadvance.js
$(window).load(function(){
//window.load 事件保证了在自动轮播事件开启之前,让所有的图片先进行了加载
vartimeOut = null;
$('#slideshow .arrow').click(function(e,simulated){
//模拟参数被设置在了触发的方法中
if(!simulated){
//真正的点击事件发生。
// 取消自动轮播动画。
clearTimeout(timeOut);
}
});
// 一个自定义名称的自动执行函数
(functionautoAdvance(){
//模拟下一张图片点击
$('#slideshow .next').trigger('click',[true]);
//设置延时5秒钟
timeOut = setTimeout(autoAdvance,5000);
})();
});


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI