最近要做一个鼠标滑过显示弹出层,鼠标离开后隐藏的功能,在ie和firefox下用JQuery的position().left层的定位没有问题,但是在Chrome下的position().left无效,只能用offset().left获取坐标位置显示层,代码如下:
$(function() {
$('#topshop').mouseover(function() {
var x = $(this).position();
var markDiv = $("#babyNew_sortBody");
if (x.left == 0) {//chrome下left=0
markDiv.css("left", $(this).offset().left);
} else {
markDiv.css("left", $(this).position().left);
}
markDiv.css("top", $(this).position().top + 40);
markDiv.css('display', 'block');
});
$('#babyNew_sortBody').mouseleave(function() {
$("#babyNew_sortBody").attr('style', 'display:none;');
});
});
Mikel