},200)
}
}
//移出
function getOut(obj,e){
var statu=getdirection(obj,e);
var li_w=obj.width();
var that=obj.find('.inner');
var child_h=that.height();
if(statu===1){
that.stop().animate({
"top":-child_h
},200,function(){
$(this).css({
"left":0,
"top":child_h
})
})
}else if(statu===2){
that.stop().animate({
"left":-li_w
},200,function(){
$(this).css({
"left":0,
"top":child_h
})
})
}else if(statu===3){
that.stop().animate({
"top":child_h
},200)
}else if(statu===4){
that.stop().animate({
"left":li_w
},200,function(){
$(this).css({
"left":0,
"top":child_h
})
})
}
}
说明：Math.asin(1) 表示 90度的反正弦值，由于tan90不存在，所以换成sin90了。
总结：对比自己做的和百度的图片效果，发现百度的动画给人明显的要舒服点，估计是因为移出的时候，我直接设置css，导致动画不连贯原因，还有个就是stop（）导致动画直接结束，所以还有可以修改的地方。这里只介绍一个思路
以上所述是小编给大家介绍的jQuery实现百度图片移入移出内容提示框上下左右移动的效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
