Moving box example

HTML

<p>Hover over the boxes</p>
<div class="box">Using jQuery's .animate() </div>
<div class="cssBox">Using CSS3 transitions</div>

JavaScript

$(".box").hover(
function() {
    $(this).animate({
        opacity: 0.70,
        top: '+=50',
    })
}, function() {
    $(this).animate({
        opacity: 1.0,
        top: '0',
    })
});