Question

我正在寻找代码，让这张图片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编辑器。

Answer 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。

HTML图像鼠标悬停在代码上

1 个答案: