Question

我正在使用一个交互式地图Web服务，我将其嵌入到一个网页中，我用它来展示展厅的交互式平面图.Web服务使用驻留在供应商服务器上的css和javascript。我可以修改CSS并在我的服务器上本地使用它，但不允许修改javascript。当用户在平面图上的展位上进行鼠标悬停时，展位将突出显示，并出现类似工具提示的模糊信息，提供有关展位租户的信息。我可以使用参数“www.mypage.com/mymap.htm?hotspot=100”直接进入平面图中的突出显示的展位，这将进入交互式平面图页面并突出显示展位100并显示Blurb的。此时，用户可以将鼠标移动到另一个展位，焦点现在转到新的展位，突出显示，等等。我想要它，这样一旦用户从链接中的参数到达平面图页面，所有其他鼠标悬停都被禁用，因此即使用户将鼠标移动到另一个展位，也没有任何反应，焦点仍然在初始展位上。我不是CSS或JavaScript专家，但非常感谢任何帮助。如果我必须创建一个单独的重复平面图页面来处理参数，以便我只能为该页面调整CSS而不是主平面图页面（没有参数），那就没关系。我在iOS应用程序中通过webview使用地图，但我似乎找不到本地的iOS代码解决方案，所以我希望可以通过CSS完成。

CSS代码如下：

#maTour {
background-color:#ffffff;
height:793px;
position:relative;
width:1200px;
}
#maPopup {
text-align:left;
}
.maPopup,
.maPopupPinned {
}
#maTooltip {
z-index:10000;
visibility:hidden;
position:absolute;
border:solid 1px #808080;
color:#000000;
background-color:#fff8dc;
font-size:8px;
font-family:Arial, Helvetica, sans-serif;
padding:4px;
font-weight:normal;
font-style:normal;
text-decoration:none;
max-width:200px;
}
#maLayout {
text-align:left;
height:793px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
width:1200px;
}
#maAbsBlock {
overflow:hidden;
position:absolute;
}
#maHotspotTitle {
background-color:#ddffff;
color:#1f497d;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
}
#maTextArea {
background-color:#ddffff;
}
#maHotspotText {
background-color:#ddffff;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
}
#maMap {
background-color:#ffffff;
}
.maInstructions, maInstructionsTitle    {
font-family:Arial;
font-size:12px;
}
.maInstructions {
padding:6px;
border:solid 1px #777;
}
.maInstructionsTitle {
font-weight:bold;
margin-bottom:4px;
}
.maZoomControl  {
z-index:4000;
position:absolute;
top:-4px;
left:-4px;
cursor:pointer;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

Answer 1

在jQuery中：

 $('*').mouseOver(function(e){
     e.preventDefault();
 });

那就行了。。

禁用网页上的鼠标悬停事件

1 个答案: