html中在鼠標(biāo)指針移動(dòng)到元素上時(shí)觸發(fā)的事件屬性onmouseover
發(fā)表時(shí)間：2023-12-27 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]實(shí)例當(dāng)鼠標(biāo)指針移動(dòng)到圖像上時(shí)執(zhí)行一段 JavaScript：<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">瀏覽器支持IEFirefoxChromeS...
實(shí)例
當(dāng)鼠標(biāo)指針移動(dòng)到圖像上時(shí)執(zhí)行一段 JavaScript：
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
瀏覽器支持
IE
Firefox
Chrome
Safari
Opera
所有主流瀏覽器都支持 onmouseover 屬性。
定義和用法
onmouseover 屬性在鼠標(biāo)指針移動(dòng)到元素上時(shí)觸發(fā)。
注釋：onmouseover 屬性不適用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。
HTML 4.01 與 HTML5 之間的差異
無。
語法
<element onmouseover="script">
屬性值
| 值 | 描述 |
| script | onmouseover 發(fā)生時(shí)運(yùn)行的腳本。 |
實(shí)例
當(dāng)鼠標(biāo)指針移動(dòng)到圖像上時(shí)執(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() 在鼠標(biāo)指針移動(dòng)到圖像上時(shí)觸發(fā)。此函數(shù)放大圖像。</p>
<p>函數(shù) normalImg() 在鼠標(biāo)指針移出圖像時(shí)觸發(fā)。此函數(shù)把圖像的高度和寬度重置為正常尺寸。</p>
</body>
</html>以上就是html中在鼠標(biāo)指針移動(dòng)到元素上時(shí)觸發(fā)的事件屬性onmouseover的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
