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