Jquery点击滚动动画(有时间控制)-创新互联
实现功能:
创新互联公司专业为企业提供涿州网站建设、涿州做网站、涿州网站设计、涿州网站制作等企业网站建设、网页设计与制作、涿州企业网站模板建站服务,十多年涿州做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。1、当点击按钮的时,移动页面上的某个元素(有时间制作)
Jquery代码:
$(document).ready(function(){
$(".btn1").click(function(){
if(flag){
flag = false;
flag2 = true;
$("#box").css("display","block").animate({left:"-=100px"});
setTimeout($("#box").animate({left:"+=20px"}),30);
setTimeout($("#box").animate({left:"-=20px"}),30);
setTimeout($("#box").animate({left:"+=10px"}),30);
setTimeout($("#box").animate({left:"-=0px"}),30);
}
});
$(".btn2").click(function(){
if(flag2){
flag2 = false;
flag = true
$("#box").css("display","block").animate({left:"+=100px"});
setTimeout($("#box").animate({left:"-=20px"}),30);
setTimeout($("#box").animate({left:"+=20px"}),30);
setTimeout($("#box").animate({left:"-=10px"}),30);
setTimeout($("#box").animate({left:"+=0px"}),30);
}
});
});
var flag = true;
var flag2 = false;
代码解释:
HTML代码:
-----上传了源文件,有需要的自己下载下来看看吧!
附件:http://down.51cto.com/data/2362187另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享题目:Jquery点击滚动动画(有时间控制)-创新互联
浏览路径:http://scyanting.com/article/dedchi.html