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。