實例 當滑鼠指標移到影像上時執行一段JavaScript：登入後複製瀏覽器支援 IEFirefoxChromeSafariOpera所有主流瀏覽器都支援onmouseover 屬性。 定義和用法onmouseover 屬性在滑鼠指標移動到元素上時觸發。 註解：onmouseover 屬性不適用下列元素：、、、、、 、<meta>、<param>、<script>、<style> 或<title>。 </p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">HTML 4.01 與 HTML5 之間的差異</p><p>無。 </p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">語法</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element onmouseover="script"></pre><div class="contentsignin">登入後複製</div></div><p style="margin: 25px 0px 0px; padding: 0px; border: 0px; font-size: 16px; color: rgb(0, 0, 0); font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; white-space: normal; background-color: rgb(253, 252, 248);">屬性值</p><table><tbody><tr class="firstRow"><td width="108" valign="top" style="word-break: break-all;">#值</td><td width="1001" valign="top" style="word-break: break-all;">描述</td></tr><tr><td width="108" valign="top" style="word-break: break-all;">script</td><td width="1001" valign="top" style="word-break: break-all;">onmouseover 發生時執行的腳本。 </td></tr></tbody></table><p style="box-sizing: border-box; font-family: 微软雅黑; font-weight: 100; line-height: 1.1; color: rgb(69, 69, 69); margin: 0px; font-size: 14px; padding: 0px; white-space: normal; border: 0px; background-color: rgb(249, 249, 249);">實例</p><p>當滑鼠指標移到映像上時執行一段 JavaScript(使影像放大)：<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><!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></pre><div class="contentsignin">登入後複製</div></div>
