Question

想用js写一个 能在鼠标经过图中船舶时，弹出信息框，该怎么写？

Answer 1

这个是很容易实现的，但是不晓得你有没有用ui框架，如果你没有用框架的话一般实现步骤是：1监听图片中船的图片上鼠标移上事件2.弹出div，里面放内容3.div的位置是你鼠标的位置。建议你可以使用jquery ui 来实现弹出的功能

追问

谢谢 没有用ui 如何识别图上的船舶

追答

你的船的图片是直接ps在底图里面的吗？不是有个底图，然后在把船的图片放上去的吗？如果是使用img（船的图片）定位吧船放在底图的某个位置，那么监听img的鼠标移过事件就可以了。如果船的图片是直接ps在底图里面写死的话，那么在js里面你就要有船相对底图图片位置的数据，这样才能往下走

Answer 2

<div id=test></div>

<script>
$('#test').mousemove(function() {
alert("弹出信息")
})
</script>

经过这个div是就弹出信息 需要jquery

Answer 3

在那个图片的标签上加一个触发事件onmouseover="方法名称"，然后你写个function方法，alert你所要的信息，完工