创建一个链接,当点击在同一网页上打开一些文本时

时间:2013-08-07 09:27:16

标签: html html5 internet-explorer dreamweaver

嗨,我是html的新手,不知道任何php或javascript。我有一个简单的html网页,中间有一张图片。我想要它,以便当您单击图片文本时,会出现描述图片的内容,但无需转到新的网页。这可能只是在没有使用javascript或php的情况下进行,如果是这样,它是如何完成的?感谢

2 个答案:

答案 0 :(得分:0)

可以使用detailssummary HTML5元素执行类似的操作。

请参阅此Fiddle(仅适用于Chrome / Safari / Opera)

<details>
    <summary><img src="image-source"> Click here for more information</summary>
    <p>more information</p>
</details>

由于缺乏浏览器支持,我不建议使用它们。见caniuse.com - summary

答案 1 :(得分:0)

您还可以使用HTML标题标记。您想要显示的文本将显示在所有浏览器上的mouseOver上。

<img src="xxxxxx" title="This is the title" />

查看Fiddle