我正在寻找代码,使这个图像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
谢谢你的帮助
我到处找过,也试过各种各样的例子。
我在富文本中使用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>
所以,当一个用户进入
mouseover
图像元素时,它的src
属性将被更改为您的第二个图像。一旦图像的用户mouseout
src
再次更改。图片顶部的链接将把用户转到您提到的
onclick
页面。