Question

鼠标事件，js代码实现div移动功能

鼠标放在这个div上，这个块就向上移动200px，移开之后复原

Answer 1

首先引入jquery框架 例如 jquery-1.7.1.js

//$("#div1")表示要移动的div
$("#div1").animate({top:'+=200px'},"slow");//向上移动200px；
$("#div1").animate({top:'-=200px'},"slow");//向下移动200px；回到原来的位置

Answer 2

<div id="outer"><div id="inner">inner</div></div>
//css
#outer {position:absolute;}
#inner {position:relative;top: 0;left: 0;}
//js
var i = document.getElementById("inner");
i.onmouseover = function(){
    this.style.top = -200;  
} 
i.onmouseout = function(){
    this.style.top = 0;  
}