鼠标放在这个div上,这个块就向上移动200px,移开之后复原
é¦å
å¼å
¥jqueryæ¡æ¶ ä¾å¦ jquery-1.7.1.js
//$("#div1")表示è¦ç§»å¨çdiv
$("#div1").animate({top:'+=200px'},"slow");//åä¸ç§»å¨200pxï¼
$("#div1").animate({top:'-=200px'},"slow");//åä¸ç§»å¨200pxï¼åå°åæ¥çä½ç½®
//$("#div1")表示è¦ç§»å¨çdiv
$("#div1").animate({top:'+=200px'},"slow");//åä¸ç§»å¨200pxï¼
$("#div1").animate({top:'-=200px'},"slow");//åä¸ç§»å¨200pxï¼åå°åæ¥çä½ç½®
温馨提示:答案为网友推荐,仅供参考
第1个回答 2013-11-03
<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;
}
//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;
}