2014-06-24 18 views
0

我正在做一个很简单的网页,其中需要做到以下几点上:标记与CSS和JavaScript地图

会有一个地图,这是一个div的背景图像,并且会有一些在地图上分布的可点击图像(每个都在它自己的div内)。单击图像时,应使地图上的某些标记出现或消失,以指示可在地图上找到的位置。

它不应该是花哨的,它只是应该工作,很快就可以做到(我没经验,没有太多时间)。你会建议什么?

我试图找到一种方法来做到这一点只是CSS,但我能做的最好的做法是一个非常原始和不切实际的做法,没有什么简单和优雅。如果可能,我想避免使用任何库。

回答

0

做这样的事情

document.getElementById('a1').addEventListener('click', toggle); 
function toggle(a){ 
document.getElementById("i1").style.display='block'; 
setTimeout(function(){ 
document.getElementById("i1").style.display='none'; 
},500); 
} 

小提琴:

Fiddle