我不知道它是如何拼写的,因此无法进行精确搜索。我搜索过“幻灯片”,但这不是我真正想要的。
有一张图片:
正如您所看到的,球应该来自网站的顶部,从隐形到网页的某个部分。
任何提示?
答案 0 :(得分:2)
<div id="container">
<div id="block"></div>
</div>
$( "#block" ).animate({
top: "+=50"
}, 1000, function() {
console.log('all done');
});
答案 1 :(得分:1)
完成:
$(".logo").animate({
marginTop: "380px",
}, 2500 );
答案 2 :(得分:1)
这就是您所需要的:http://jsfiddle.net/LYA8L/
HTML:
<button>Animate</button>
<div class="circle">
</div>
CSS:
.circle{
width:50px;
height:50px;
background-color:orange;
border-radius:25px;
-webkit-border-radius:25px;
}
JS:
$(function(){
$('button').on('click', function(){
$('.circle').animate({
marginTop: '300px',
marginLeft: '100px'
}, 2500);
});
});