HTML代码鼠标滑过代码

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的鼠标滑过。

我想这些对你有所帮助

P.S我已经到处和试过各种实例链接到http://www.ciob-online-documents.co.uk/AnnualReview2010

感谢。

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

Answer 1

尝试在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。