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

发布网友发布时间：2022-05-11 22:35

共2个回答

热心网友时间：2022-04-22 23:29

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

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

热心网友时间：2022-04-23 00:47

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

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com