jQueryanimate(滑块滑动效果代码)_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQueryanimate(滑块滑动效果代码)_jquery,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1507字,纯文字阅读大概需要3分钟。
内容图文
HTML
代码如下:
Run
Run
CSS
代码如下:
JavaScript
代码如下:
$(document).ready(function(){
$(".run").click(function(){
$("#box").animate({opacity: "0.1", left: "+=400"}, 1200)
.animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")
.animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")
.animate({top: "0"}, "fast")
.slideUp()
.slideDown("slow")
return false;
});
});