明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

html中在鼠標指針移動到元素上時觸發(fā)的事件屬性onmouseover

發(fā)表時間：2024-05-12 來源：明輝站整理相關軟件相關文章人氣：

[摘要]實例當鼠標指針移動到圖像上時執(zhí)行一段 JavaScript：<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">瀏覽器支持IEFirefoxChromeS...

實例

當鼠標指針移動到圖像上時執(zhí)行一段 JavaScript：

<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">

瀏覽器支持


IE

Firefox

Chrome

Safari

Opera


所有主流瀏覽器都支持 onmouseover 屬性。

定義和用法

onmouseover 屬性在鼠標指針移動到元素上時觸發(fā)。

注釋：onmouseover 屬性不適用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

HTML 4.01 與 HTML5 之間的差異

無。

語法

<element onmouseover="script">

屬性值

值描述
scriptonmouseover 發(fā)生時運行的腳本。

實例

當鼠標指針移動到圖像上時執(zhí)行一段 JavaScript(使圖像放大)：

<!DOCTYPE html>  
<html>  
<head>  
<script>  
function bigImg(x)  
{  
x.style.height="180px";  
x.style.width="180px";  
}  
function normalImg(x)  
{  
x.style.height="128px";  
x.style.width="128px";  
}  
</script>  
</head>  
<body>  
<img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="/i/eg_smile.gif" alt="Smiley" >  
<p>函數(shù) bigImg() 在鼠標指針移動到圖像上時觸發(fā)。此函數(shù)放大圖像。</p>  
<p>函數(shù) normalImg() 在鼠標指針移出圖像時觸發(fā)。此函數(shù)把圖像的高度和寬度重置為正常尺寸。</p>  
  
</body>  
</html>

以上就是html中在鼠標指針移動到元素上時觸發(fā)的事件屬性onmouseover的詳細內(nèi)容，更多請關注php中文網(wǎng)其它相關文章！


網(wǎng)站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。