JS使用oumousemove和oumouseout動態(tài)改變圖片顯示的方法
更新時間：2015年03月31日 15:22:40 作者：歐陽不瘋
這篇文章主要介紹了JS使用oumousemove和oumouseout動態(tài)改變圖片顯示的方法,涉及javascript鼠標事件及圖片操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS使用oumousemove和oumouseout動態(tài)改變圖片顯示的方法。分享給大家供大家參考。具體如下：
鼠標放到圖片上時圖片會自動變大，鼠標離開圖片還原
<!DOCTYPE html>
<html>
<head>
<script>
function bigImg(x)
{
x.style.height="64px";
x.style.width="64px";
}
function normalImg(x)
{
x.style.height="32px";
x.style.width="32px";
}
</script>
</head>
<body>
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)"
border="0" src="smiley.gif" alt="Smiley" width="32" height="32">
<p>The function bigImg() is triggered when the user moves
the mouse pointer over the image.</p>
<p>The function normalImg() is triggered when the mouse
pointer is moved out of the image.</p>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了Bootstrap模態(tài)框的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
本文給大家分享一段簡單的代碼基于js實現(xiàn)只能輸入數(shù)字的方法，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-06-06
基于JavaScript實現(xiàn)簡單抽獎功能代碼實例
這篇文章主要介紹了基于JavaScript實現(xiàn)簡單抽獎功能代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-10-10
這篇文章主要介紹了jscript讀寫二進制文件的方法,涉及javascript中ActiveXObject對象的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了ES6中module模塊化開發(fā),結合實例形式分析了ES6中模塊化開發(fā)的相關功能、使用方法與相關注意事項,需要的朋友可以參考下2017-04-04
JavaScript函數(shù)及其prototype詳解
這篇文章主要介紹了JavaScript函數(shù)及其prototype詳解的相關資料,需要的朋友可以參考下2023-03-03
ibm官方資料把應用程序從 Internet Explorer 遷移到 Mozilla
使特定于 Internet Explorer 的 Web 應用程序在 Mozilla 上運行時，您遇到過麻煩嗎？本文討論了將應用程序遷移到基于開源 Mozilla 瀏覽器上時的常見問題。首先討論跨瀏覽器開發(fā)的基本技術，然后介紹克服 Mozilla 和 Internet Explorer 之間差異的策略。2008-04-04
JavaScript的DOM與BOM的區(qū)別與用法詳解
這篇文章主要為大家詳細介紹了JavaScript的DOM與BOM的區(qū)別與用法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
提供一個 JS String 包，包含了一些常用的對字符串操作的函數(shù)，詳細的請看源碼及演示2010-10-10
用media="print"的css來控制要打印的文件，media為print的樣式，表示打印時該樣式才起作用，下面為大家詳細介紹下，感興趣的朋友不要錯過2014-01-01