0

我有一个问题，我的区域形状 href="/kosmetikstudios/deutschland/ Bayern " 标签看起来如此。我将使用参数“Bayern”（这是 url 的最后一个参数）。

我需要这种动态。

这是我的 Javascript 代码：

<script type="text/javascript">
  $(document).ready(function(){
  var mName="passiv";
    $("#map area").mouseenter(function(){

      mName = $(this).attr("href"); // i don't have idea to implement this
      bName="images/" +mName + ".png";
      $("#map img").attr("src",bName);

    });

    $("#map area").mouseleave(function(){
      bName="images/Europa.png";
      $("#map img").attr("src",bName);

    });

  });
</script>

这是我的 HTML 代码

 <area shape="poly" coords="356,300,355,299,354,298....." href="/kosmetikstudios/deutschland/Bayern" title="Kosmetikstudios in Bayern" alt="Kosmetikstudios in Bayern" />

<area shape="poly" coords="156,200,425,699,154,298....." href="/kosmetikstudios/deutschland/Berlin" title="Kosmetikstudios in Berlin" alt="Kosmetikstudios in Bayern" />

我希望有人能帮助我。

问候，

戴夫

4

3 回答 3

1 
mName = this.href.substring(
    this.href.lastIndexOf('/') + 1
);
于 2013-08-03T21:28:10.007 回答
1

您可以设置一个数据属性来存储名称，而不是从 URL 中提取值。

例如：

HTML

<area shape="poly" data-name="Bayern" href="/kosmetikstudios/deutschland/Bayern" />
<area shape="poly" data-name="Berlin" href="/kosmetikstudios/deutschland/Berlin" />

JS

<script type="text/javascript">
  $(document).ready(function(){
  var mName="passiv";
    $("#map area").mouseenter(function(){

      //read the data attributes
      mName = $(this).data("name");

      bName="images/" +mName + ".png";
      $("#map img").attr("src", bName);

    });

    $("#map area").mouseleave(function(){
      bName="images/Europa.png";
      $("#map img").attr("src",bName);

    });

  });
</script>
于 2013-08-03T22:09:54.667 回答
0

你可以这样做：

mName = $(this).attr("href").split("/").reverse()[0];
于 2013-08-03T21:28:23.620 回答