基础为王,打造一个自动播放的幻灯片 jquery插件jquery特效幻灯片js幻灯片
程序员文章站
2022-03-28 20:59:04
...
$(
'#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);
})();
});
下一篇: 互联网相关法案