2013-08-18 267 views
0

我不知道它是如何拼写的,所以我无法执行精确搜索。我搜索过“滑入”,但这不是我真正想要的。我怎样才能实现这与jQuery?

有一个画面:enter image description here

正如你所看到的,球应来自该网站的顶部,从无形到网页的某个地方。

任何提示?

+0

是该动画是从上一张幻灯片。 – Daniel

+0

尝试[animate()](http://api.jquery.com/animate/)。 –

回答

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); 
    }); 
}); 
1

完成:

$(".logo").animate({ 
    marginTop: "380px", 
}, 2500); 
2

http://jsfiddle.net/jq6Ja/

<div id="container"> 
    <div id="block"></div> 
</div> 

$("#block").animate({ 
    top: "+=50" 
    }, 1000, function() { 
    console.log('all done'); 
});