链接html css和图像

Question

我想为此图片添加操作 因此，当用户将鼠标悬停在红点上时，会出现一些信息，或者出现点击（来自bootstrap的模态）。我正在使用bootstrap，并在图像上传播div不会给出正常结果。我希望它能够做出回应。有任何想法吗？

Answer 1

在html dom上应该有javascript的onhover方法。

＆＃13;

＆＃13;

function RegisterUser() {
    $.get("/register", function(res){

    });
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

那么，你有div的问题吗？

function doHover(id, bool) {
  var obj = document.getElementById("hoverPoint"+id);
  if(bool) {
    obj.style.backgroundColor="green";
  }else {
    obj.style.backgroundColor="blue";
  }
}

.hoverPoint {
  position:absolute;
  top: 0px;
  left: 0px;
  width:100px;
  height:100px;
  display:block;
  background-color: blue;
  opacity: .6;
}

#hoverPoint1 {
  top: 130px;
  left: 135px;
}

<img src="http://i.stack.imgur.com/sUTxI.png" style="width:777px; height:292px" />
<div class="hoverPoint" id="hoverPoint1" onmouseover="doHover(1,true);" onmouseout="doHover(1,false);"></div>

Answer 3

我通过删除photoshop中的红点然后使用纯html添加它们来解决问题（我制作了带有红点背景图像的按钮）然后我将这些点随机地放在路线图上