【额,其实用css很容易实现这个功能的,改变transition】代码如下:
【style】
#d1{
transition: margin-left 500ms ease;
}
【body】
<body>
<div id="d1"></div>
<div id="d2"></div>
</body>
【jQuery】
$("#d2").mouseover(function () {
$("#d1").css("margin-left","0");
})
$("#d1").mouseout(function(){
$("#d1").css("margin-left","-200px");
})
【style】
#d1{
transition: margin-left 500ms ease;
}
【body】
<body>
<div id="d1"></div>
<div id="d2"></div>
</body>
【jQuery】
$("#d2").mouseover(function () {
$("#d1").css("margin-left","0");
})
$("#d1").mouseout(function(){
$("#d1").css("margin-left","-200px");
})
2015-12-23