图像映射翻转javascript

时间:2014-12-08 23:56:25

标签: javascript html imagemap rollover

我有以下代码。我将图像划分为10个部分,我希望在将每个部分悬停时将其更改为不同的图像。

另外,我在多个图像上使用此代码。

代码完全适用于前五个,但不适用于其余三个。但是,如果我删除了五个工作图像,其他三个现在工作正常。为什么???

如果有人能找到这个问题的答案,我将不胜感激。

<head>
  <script>
    if (document.images) { 
                var Imgt2e10 = new Array(); 
                Imgt2e10[0] = new Image(); 
                Imgt2e10[1] = new Image(); 
                Imgt2e10[2] = new Image(); 
                Imgt2e10[3] = new Image(); 
                Imgt2e10[4] = new Image();
                Imgt2e10[5] = new Image(); 
                Imgt2e10[6] = new Image(); 
                Imgt2e10[7] = new Image(); 
                Imgt2e10[8] = new Image(); 
                Imgt2e10[9] = new Image();  
                Imgt2e10[0].src = "img/t2/t2e10/1.png" 
                Imgt2e10[1].src = "img/t2/t2e10/2.png" 
                Imgt2e10[2].src = "img/t2/t2e10/3.png" 
                Imgt2e10[3].src = "img/t2/t2e10/4.png" 
                Imgt2e10[4].src = "img/t2/t2e10/5.png"
                Imgt2e10[5].src = "img/t2/t2e10/6.png" 
                Imgt2e10[6].src = "img/t2/t2e10/7.png" 
                Imgt2e10[7].src = "img/t2/t2e10/8.png" 
                Imgt2e10[8].src = "img/t2/t2e10/9.png" 
                Imgt2e10[9].src = "img/t2/t2e10/10.png" 
            }

            function RollOvert2e10(i) { 
                document.t2e10.src=Imgt2e10[i].src; 
            }
            
            function resetSrct2e10() { 
                document.t2e10.src='img/t2/10.png'; 
                return false; 
            }
  </script>
</head>

<body>
  <div>
    <img src="img/t2/10.png" name="t2e10" usemap="#t2e10Map" border="0" width="250" height="137.5"> 
    <map name="t2e10Map"> 
      <area shape="rect" coords="0,0,25,137.5" 
          onMouseover="RollOvert2e10(0);" 
          onMouseout="resetSrct2e10();"> 
      <area shape="rect" coords="25,0,50,137.5" 
          onMouseover="RollOvert2e10(1);" 
          onMouseout="resetSrct2e10();"> 
      <area shape="rect" coords="50,0,75,137.5" 
          onMouseover="RollOvert2e10(2);" 
          onMouseout="resetSrct2e10();"> 
      <area shape="rect" coords="75,0,100,137.5" 
          onMouseover="RollOvert2e10(3);" 
          onMouseout="resetSrct2e10();"> 
      <area shape="rect" coords="100,0,125,137.5" 
          onMouseover="RollOvert2e10(4);" 
          onMouseout="resetSrct2e10();">
      <area shape="rect" coords="125,0,150,137.5" 
          onMouseover="RollOvert2e10(5);" 
          onMouseout="resetSrct2e10();"> 
      <area shape="rect" coords="150,0,175,137.5" 
          onMouseover="RollOvert2e10(6);" 
          onMouseout="resetSrct2e10();"> 
      <area shape="rect" coords="175,0,200,137.5" 
          onMouseover="RollOvert2e10(7);" 
          onMouseout="resetSrct2e10();"> 
      <area shape="rect" coords="200,0,225,137.5" 
          onMouseover="RollOvert2e10(8);" 
          onMouseout="resetSrct2e10();"> 
      <area shape="rect" coords="225,0,250,137.5" 
          onMouseover="RollOvert2e10(9);" 
          onMouseout="resetSrct2e10();">  
    </map> 
  </div>
</body>

0 个答案:

没有答案