图像热点单击隐藏图像

时间:2011-03-21 00:32:49

标签: jquery

我有一系列地图上有热点等等。到目前为止,当我点击其中一个热点内的链接时链接工作正常,它会转到_blank链接等。工作正常。但是图像然后隐藏了。有没有办法可以说,当你点击这个地图热点不隐藏图像?为了显示链接最初的当前地图图像?

$(document).ready(function() {

  $('#div1, #div2, #div3, #div4, #div5').hide();

  $('#div5').show();
      $('td a').click(function() {

          $('#div1, #div2, #div3, #div4, #div5').hide();
         $('#div' + $(this).attr('id')).show();

      });
      $('#map_links a').click(function() {

          $('#div1, #div2, #div3, #div4, #div5').hide();
         $('#div' + $(this).attr('id')).show();

      });

      $('#map_links area').click(function() {

          $('#div1, #div2, #div3, #div4, #div5').hide();
         $('#div' + $(this).attr('id')).show();

      });

  });

HTML:

<div id="div1">

  <img src="?a=28808" alt="Northern Region" width="647" height="308" border="0" usemap="#northern" />
  <map name="northern" id="northern">
    <area shape="poly" coords="118,68,160,76,198,99,172,108,132,102,114,82" href="www.youruwebsite.com" target="_blank"/>
  </map>

  </div>

0 个答案:

没有答案