基础为王,打造一个自动播放的幻灯片
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名与空间、雅安服务器托管、营销软件、网站建设、紫金网站维护、网站推广。
$(
'#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);
})();
});
名称栏目:基础为王,打造一个自动播放的幻灯片
分享链接:http://pwwzsj.com/article/jegcog.html