-3

我有一个带有地图的站点，该地图具有可以悬停和单击的不同区域，我想要的是当我悬停或单击一个区域时，页面上会出现一个 div，其中包含一些内容。我尝试使用，overflow:hidden;但似乎没有做这项工作，什么是正确的代码使用，甚至可能吗？

该网站在这里以获得更多理解：http: //iseeit.no/maptest/

那里有两个 div 的内容已经准备好了，默认情况下这些应该是隐藏的，当来到站点并悬停 og 单击一个区域时，它们应该出现，而不是两者，而是与该区域对应的一个，我拆分了 div彼此分开，以免重叠。

该站点由 jquery、css 和 html 组成。

div（css）：

#vest-agder {
    background: #111;
    ...........
}

Jquery（如果这有帮助）：

;(function($){$.fn.cssMap=function(options){var s=$.extend({
    'size':'810',
'tooltips':false,
'tooltipArrowHeight':5,
'multipleClick':false,
'searchUrl':'search.php',
'searchLink':'',
'searchLinkVar':'region',
'clicksLimit':4,
'clicksLimitAlert':'Du kan bare velge %d region! || regioner!',
'cities':true,'visibleList':false,
'agentsListId':'addresses', 
'loadingText':'Laster inn kart ...',
'onHover':function(e){},
'onClick':function(e){},
'onLoad':function(e){}},

希望你明白我想在这里问什么:)

更新 1

HTML 中的区域：

<div id="map-norge">
 <ul class="norge">
  <li class="no2"><a href="#aust-agder">Aust-Agder</a></li>
  <li class="no19"><a href="#vest-agder">Vest-Agder</a></li>
 </ul>
</div>

CSS 中的区域：

.m810 .no2:hover .bg,
.m810 .no2.focus .bg,
.m810 .no2.active-region .bg{height:86px;left:82px;top:816px;width:72px}
.m810 .no2:hover .bg,
.m810 .no2.focus .bg{background-position:-1584px -72px}
.m810 .no2.active-region .bg{background-position:-1584px -432px}

.m810 .no19:hover .bg,
.m810 .no19.focus .bg,
.m810 .no19.active-region .bg{height:67px;left:70px;top:842px;width:52px}
.m810 .no19:hover .bg,
.m810 .no19.focus .bg{background-position:-767px -17px}
.m810 .no19.active-region .bg{background-position:-767px -377px}
4

1 回答 1

0

你想让你的 div 显示：无；并进行悬停以更改要显示的 div 的显示...

外汇：

#aust-agder { display: none; }
.no19:hover #aust-agder { display: block; }

或者使用 Jquery：

$(".no19").hover(function() {
$("#aust-agder").css({"display":"block"});
});
于 2012-06-07T12:13:04.190 回答