當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 鼠標(biāo)放到圖片上會顯示另外一張圖片

鼠標(biāo)放到圖片上會顯示另外一張圖片

2012/10/23 12:28:10作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

鼠標(biāo)放到圖片上會顯示另外一張圖片

【實例描述】

 在大多數(shù)網(wǎng)頁中，如果鼠標(biāo)移動到圖片上，通常會給出文本提示。本例將學(xué)習(xí)如何不顯示文本．而顯示指定的圖片。

【實例代碼】

 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁</title>
<SCRIPT LANGUAGE="JavaScript">
function changeSrc(obj)
{
   obj.src="LOGO2.gif";//改變圖像地址
}
</script>
</head>
<body>
<img onmousemove="changeSrc(this)" src="LOGO1.gif" />
</body>
</html>

【運行效果】

運行效果

運行效果

【難點剖析】

本例的重點是如何判斷當(dāng)前圖片，并更改圖片的地址。在img控件中，“src”屬性表示要顯示圖片的地址，如果是網(wǎng)絡(luò)地址，一定要指明詳細(xì)的URL路徑。如果判斷的是當(dāng)前圖片，在參數(shù)傳遞的時候，使用“this”。

【源碼下載】

本實例JS代碼下載

 

標(biāo)簽： 鼠標(biāo)  JS代碼