我正在寻找代码来制作此图像 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 WYSIWYG 编辑器。
【问题讨论】：
尝试在您的 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>
因此，当用户使用 mouseover 图像元素时，src 属性将被更改为您的第二张图像。只要用户 mouseoutsrc 的图像将再次更改。
图片顶部的链接会将用户转到您提到的页面onclick。
【讨论】：