gpt4 book ai didi

HTML 图像鼠标悬停在代码上

转载 作者:行者123 更新时间:2023-11-28 02:14:05 27 4
gpt4 key购买 nike

我正在寻找制作这张图片的代码 http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20roll%20over.jpg将鼠标悬停在这个 http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20review%202010.jpg 上鼠标悬停。

我正在尝试将这些链接到 http://www.ciob-online-documents.co.uk/AnnualReview2010

谢谢你的帮助

P.S 我到处查看并尝试了各种示例。

我在富文本中使用 Drupal 所见即所得编辑器。

最佳答案

尝试在您的 Drupal 所见即所得编辑器中打开 HTML 模式。悬停时更改图像的代码如下:

<a href="http://www.ciob-online-documents.co.uk/AnnualReview2010" title="">
<img src="http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20review%202010.jpg" alt="" onmouseover="this.src='http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20roll%20over.jpg';" onmouseout="this.src='http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20review%202010.jpg'" />
</a>

因此,当用户将 鼠标悬停 图像元素时,它的 src 属性将更改 为您的第二张图像。一旦用户 mouseout src 图像将再次更改。图片顶部的链接会将用户转到您提到的页面 onclick

关于HTML 图像鼠标悬停在代码上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6290680/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com