欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

基础为王,打造一个自动播放的幻灯片 jquery插件jquery特效幻灯片js幻灯片

程序员文章站 2022-03-28 20:59:04
...

基础为王,打造一个自动播放的幻灯片
            
    
    
        jquery插件jquery特效幻灯片js幻灯片

 

$('#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);
})();
});