JS使用oumousemove和oumouseout動態(tài)改變圖片顯示的方法
更新時間：2015年03月31日 15:22:40 作者：歐陽不瘋
這篇文章主要介紹了JS使用oumousemove和oumouseout動態(tài)改變圖片顯示的方法,涉及javascript鼠標(biāo)事件及圖片操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS使用oumousemove和oumouseout動態(tài)改變圖片顯示的方法。分享給大家供大家參考。具體如下：
鼠標(biāo)放到圖片上時圖片會自動變大，鼠標(biāo)離開圖片還原
<!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程序設(shè)計有所幫助。
相關(guān)文章
使用js實現(xiàn)的導(dǎo)航欄懸停效果在IE上，滾動滾動條或者鼠標(biāo)滾輪的時候，導(dǎo)航欄會抖動;而在Chrome和FF上有沒有任何問題2013-09-09
下面小編就為大家?guī)硪黄獪\談JS正則表達式的RegExp對象和括號的使用。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
說實話，加好友的太多了，怎么辦，想個批量的辦法吧2009-02-02
這篇文章主要介紹了JS簡單實現(xiàn)禁止訪問某個頁面的方法,涉及基本的頁面跳轉(zhuǎn)操作技巧,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了JS 9個Promise面試題，對異步Promise感興趣的同學(xué)，可以參考下2021-05-05
這篇文章主要介紹了如何利用HTML+CSS+JS編寫一個機器人總動員小游戲,代碼簡單易懂對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-11-11
layui select動態(tài)添加option的實例
下面小編就為大家分享一篇layui select動態(tài)添加option的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
本文主要介紹了js實現(xiàn)顯示手機號碼效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了js點擊選擇文本的方法,涉及針對html節(jié)點的操作與選中技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
js中的eventType事件想必大家都不陌生吧，下面為大家詳細介紹下一般的事情及瀏覽器支持性，感興趣的朋友可以參考下2013-11-11