我正在使用图像映射,当鼠标悬停在图像的某个部分时,它会显示div(就像这个网站中的http://jquery-image-map.ssdtutorials.com/)。我希望div出现时能有平滑的过渡效果... 这是我的js代码:
var mapObject = {
hover : function(area, event) {
var id = area.attr('name');
if (event.type == 'mouseover') {
$('.' + id).show();
$('#'+ id).siblings().each(function() {
if ($(this).is(':visible')) {
$(this).hide();
}
});
$('#'+ id).show();
} else {
$('.' + id).hide();
$('#'+ id).hide();
$('#room-0').show();
}
}
};
$(function() {
$('area').live('mouseover mouseout', function(event) {
mapObject.hover($(this), event);
});
});
请问有人能为我建议平滑转换的更改吗...提前感谢!:)
show()
和hide()
添加过渡持续时间,例如show(500)
。 - Amin Jafari