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程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

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