我正在寻找代码，让这张图片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编辑器。
答案 0 :(得分：1)
尝试在Drupal WYSIWYG编辑器中打开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属性将被更改到您的第二张图片。只要用户的 mouseout src用户再次更改即可。
图片顶部的链接会将用户转到您提到的页面onclick。