Hello, i 正在执行一种习俗地理标签制度,即:
Array 存放每个地方的栅栏
/* ******Opciones del etiquetado del mapa*** */
var TagSpeed = 800; //el tiempo de la animacion
var animate = true; //false = fadeIn / true = animate
var paises = {
"isora": {
leftX: 275 ,
topY: 60 ,
name: Gran Melia Palacio de Isora
},
"pepe": {
leftX: 275 ,
topY: 60 ,
name: Gran Melia de Don Pepe
},
"australia": {
leftX: 565 ,
topY: 220 ,
name: Gran Melia Uluru
},
"otro": { // ejemplo
leftX: 565 , // cordenada x
topY: 220 , // cordenada y
name: soy otro // nombre a mostrar
} /* <==> <span class="otro mPointer">isora</span> */
}
/**/
这是如何与 j检查。
function escucharMapa(){
/*fOpciones*/
$( .mPointer ).bind( mouseover ,function(){
var clase = $(this).attr( class ).replace(" mPointer", "");
var left_ = paises[clase].leftX;
var top_ = paises[clase].topY;
var name_ = paises[clase].name;
$( .arrow .text ).html(name_);
/*Esta linea centra la etiqueta del hotel con la flecha. Si cambia el tamaño de fuente o la typo, habrá que cambiar el 3.3*/
$( .arrow .text ).css({ marginLeft : - +$( .arrow .text ).html().length*3.3+ px });
$( .arrow ).css({top: -60px ,left:left_+ px });
if(animate) $( .arrow ).show().stop().animate({ top :top_},TagSpeed, easeInOutBack );
else $( .arrow ).css({ top :top_+ px }).fadeIn(500);
});
$( .mPointer ).bind( mouseleave ,function(){
if(animate) $( .arrow ).stop().animate({ top : 0px },100,function(){ $( .arrow ).hide() });
else $( .arrow ).hide();
});
}
/*Inicio gestion geoEtiquetado*/
$(document).ready(function(){
escucharMapa();
});
<><><><>>><>>>>><>>>>>>
<div style="float:left;height:500px;">
<div class="map">
<div class="arrow">
<div class="text"></div>
<img src="img/flecha.png"/>
</div>
<!--mapa-->
<img src="http://www.freepik.es/foto-gratis/mapa-del-mundo_17-903095345.jpg" id="img1"/>
<br/>
<br/>
<span class="isora mPointer">isora</span> <span class="pepe mPointer">Pepe</span> <span class="australia mPointer">Australia</span>
</div>
</div>
于是,你有几件物品,当你把一件物品 h起来时,会 j取那类名称,检查物体中的cord子(根据类别名称),并在图像线上展示 cur子。
• 如何做相反的事情? 让我说,是否强调了地图上的一个领域是用户的vers+-30px误差幅度(顶点和左边)? http://toniweb.us/gm”rel=“nofollow” 页: 1
i 正在考虑
-on map image mouse over
- get the offset of the mouse
- if is in the margin error area
-show
else
-no show
但是,只要必须安排每个餐厅运动,就看不到真正有效的吗?