我怎样才能用jquery实现这个目标?

时间:2013-08-18 17:23:20

标签: jquery html css

我不知道它是如何拼写的,因此无法进行精确搜索。我搜索过“幻灯片”,但这不是我真正想要的。

有一张图片:enter image description here

正如您所看到的,球应该来自网站的顶部,从隐形到网页的某个部分。

任何提示?

3 个答案:

答案 0 :(得分:2)

http://jsfiddle.net/jq6Ja/

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