Question

我一直在使用javascript（知识非常有限）来交换图片，但现在我想用文字来做。

我的问题是，如果我有10个不同的段落（链接1显示第1段，链接2显示第2段等），我不明白我可以在哪里'键入'它们。我的图像显然链接到一个现成的文件，但我希望我的文本保留为文本，我不知道如何在CSS或HTML等中分配它。

使用代码：

到目前为止，我有我的CSS代码来定义我的文本内容（我想根据点击更改）和我控制文本更改的地图内容：

    #content 
    #content div {float:left;}  
    #content_map {width:595px;}     
    #content_text {width:290px;;}
    #content_profile {width:900px;}

所以到目前为止我的html地图'热点'就是一个例子：

  <area shape="circle" coords="276,326,15" href="#" alt="Kinnloch" onclick="MM_swapImage('stboswells_01','','discover_kinnloch.png',1)"/>
  <area shape="circle" coords="202,264,11" href="#" alt="Lochinver" onclick="MM_swapImage('stboswells_01','','discover_lochinver.png',1)"/>

... 等

所以基本上我用“map”div上的坐标交换'profile'div中的图像，我想要做的就是使用这些坐标在我的'text'div中插入文本，这样第一组coords会改变我的文本div与'Paragraph 1'，第二组坐标会将我的文本div改为'Paragraph 2'等...

Answer 1

如果你正在使用jQuery，你可以为每个area元素添加一个类，然后像这样定位它：

$(".areaClass").click(function(){
    $("your text div id/class").text("Discover " + $(this).attr("alt"));
});

以下是http://jsfiddle.net/Vphf2/

的示例

我将area更改为锚点链接，以便它显示在屏幕上，但它也适用于您的情况

单击更改段落文本

1 个答案: