这是我的工具提示脚本,它在chrome中运行良好,但在firefox中没有工作,我真的不知道为什么这个工具提示在firefox中工作。我真的试着解决这个问题。有没有人知道为什么这样做会在firefox中运行?
JS:
$('.LTT,.WTT,.MTT').css({
position: 'absolute'
}).hide()
$('area').each(function(i) {
$('area').eq(i).bind('mouseover mousemove', function(e) {
$('.LTT,.WTT,.MTT').eq(i).css({
top: e.pageY+10,
left: e.pageX+10
}).show()
})
$('area').eq(i).bind('mouseout', function() {
$('.LTT,.WTT,.MTT').hide()
})
})
HTML:
<img src="images/banners/image.jpg"usemap="#map" />
<map name="map" >
<a href="" ><area shape="circle" coords="818, 271, 14" /></a>
<a href="" ><area shape="circle" coords="655, 154, 10" /></a>
<a href="" ><area shape="circle" coords="159, 70, 15" /></a>
</map>
<div class="LTT">
<label>Australia</label>
</div>
<div class="WTT">
<label>India</label>
</div>
<div class="MTT">
<label>USA</label>
</div>