JavaScript實現(xiàn)鼠標(biāo)滑過圖片變換效果的方法
更新時間：2015年04月16日 11:41:15 作者：lele
這篇文章主要介紹了JavaScript實現(xiàn)鼠標(biāo)滑過圖片變換效果的方法,涉及javascript控制鼠標(biāo)事件及樣式變換的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JavaScript實現(xiàn)鼠標(biāo)滑過圖片變換效果的方法。分享給大家供大家參考。具體如下：
<html>
<head>
<title>Swap Images with onMouseOver and onMouseOut</title>
</head>
<body bgcolor="#FFFFCC" text="#3300FF">
<CENTER>
<FORM NAME = form1>
<H2>
Move the mouse across to swap the image ...
</H2>
<A HREF="" name= link1
onMouseOver = "ImgOver()" onMouseOut = "ImgOut()">
<IMG NAME = "IMG1"
SRC = "images/follow.jpg" WIDTH = 800 HEIGHT = 600>
</A>
</CENTER>
<SCRIPT LANGUAGE= JavaScript>
function ImgOver()
{
// use an image file you have or use one of XP's wallpaper
document.form1.IMG1.src = 'images/home.jpg';
}
function ImgOut()
{
// use an image file you have or use one of XP's wallpaper
document.form1.IMG1.src = 'images/follow.jpg';
}
</SCRIPT>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- javascript鼠標(biāo)滑過顯示二級菜單特效
- JS實現(xiàn)鼠標(biāo)滑過鏈接改變網(wǎng)頁背景顏色的方法
- JS實現(xiàn)鼠標(biāo)滑過折疊與展開菜單效果代碼
- js鼠標(biāo)滑過圖片震動特效的方法
- 當(dāng)鼠標(biāo)滑過文本框自動選中輸入框內(nèi)容的JS代碼分享
- JS鼠標(biāo)滑過圖片時切換圖片實現(xiàn)思路
- js鼠標(biāo)滑過彈出層的定位IE6bug解決辦法
- JS實現(xiàn)表單中checkbox對勾選中增加邊框顯示效果
- jsp中使用frameset框架 邊框固定不讓更改邊框的大小
- JS實現(xiàn)鼠標(biāo)滑過顯示邊框的菜單效果
相關(guān)文章
Javascript的表單驗證-揭開正則表達式的面紗在本文重點介紹，感興趣的朋友一起學(xué)習(xí)吧2016-03-03
可能很多人看到這個題目就會想到LABjs、RequireJS、SeaJS... 這些庫，但無奈小編沒用過這些庫，什么 AMD 、CMD 哪來那么多術(shù)語... 前端的庫太多了，要看各種亂七八糟的文檔，好難啊，還不如自己寫一個庫呢。于是就有了這文章，有需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。2016-11-11
本文給大家分享js設(shè)置ios中微信瀏覽器中的title的解決方法，實現(xiàn)原理比較簡單，對js微信瀏覽器title相關(guān)知識感興趣的朋友一起通過本文學(xué)習(xí)吧2016-11-11
???是一個非常有用的運算符,特別適合在需要區(qū)分?null/undefined?和其他假值的場景中使用,它可以幫助你更精確地處理默認值邏輯,本文給大家介紹js中??是什么意思,感興趣的朋友一起看看吧2025-04-04
這篇文章主要介紹了JS+CSS實現(xiàn)大氣清新的滑動菜單效果代碼,通過鼠標(biāo)事件結(jié)合定時函數(shù)實現(xiàn)頁面元素動態(tài)變換的效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼
要保留小數(shù)點后N位的問題，經(jīng)過一番思索，終于解決了，這篇文章主要介紹了js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼，感興趣的朋友可以參考一下2016-07-07
Flutter 超實用簡單菜單彈出框 PopupMenuButton功能
這篇文章主要介紹了Flutter 超實用簡單菜單彈出框 PopupMenuButton功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
解決IE6下JS動態(tài)設(shè)置圖片IMG的SRC時圖片無法加載錯誤的方法2010-01-01
javascript基礎(chǔ)練習(xí)之翻轉(zhuǎn)字符串與回文
最近在學(xué)習(xí)的時候到了基礎(chǔ)算法這一章節(jié)，讓我對js內(nèi)置對象方法的掌握還有思維邏輯都得到了提升，所借此機會來寫一寫學(xué)習(xí)心得和總結(jié)。下面這篇文章主要介紹了利用javascript實現(xiàn)翻轉(zhuǎn)字符串與回文的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
學(xué)習(xí)使用Bootstrap輸入框、導(dǎo)航、分頁等常用組件
這篇文章主要教大家學(xué)習(xí)使用Bootstrap輸入框、導(dǎo)航、分頁等常用組件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05