javascript實(shí)現(xiàn)點(diǎn)亮燈泡特效示例
本文實(shí)例為大家分享了javascript實(shí)現(xiàn)點(diǎn)亮燈泡特效的具體代碼,供大家參考,具體內(nèi)容如下
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name='description' content='本文來源于Apollo個(gè)人整理,僅供參考!'>
<title>點(diǎn)亮燈泡</title>
<style type="text/css">
div{
width: 500px;
height: 400px;
background-color:lightgoldenrodyellow;
}
</style>
</head>
<body>
<div>
<img id="demo" src="./pic_bulboff.gif" alt="燈泡">
</div>
<script>
document.getElementById('demo').onclick = function () {
ele = document.getElementById('demo');
if (ele.src.match('bulbon')){
ele.src = './pic_bulboff.gif';
}else{
ele.src = './pic_bulbon.gif';
}
}
</script>
</body>
</html>
圖片pic_bulboff.gif

圖片pic_bulbon.gif

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JS typeof fn === ''function'' && fn()詳解
最近在學(xué)習(xí)js的時(shí)候發(fā)現(xiàn)很多人都喜歡在JS 中存在fn && fn() 執(zhí)行語(yǔ)句或者typeof fn === 'function' && fn(),下面這篇文章就為大家分享一下2020-08-08
純javascript實(shí)現(xiàn)分頁(yè)(兩種方法)
有的時(shí)候頁(yè)面需要很多不同的表組成的數(shù)據(jù),該怎么分頁(yè)呢?使用數(shù)據(jù)庫(kù)分頁(yè)很簡(jiǎn)單,那么如何使用js實(shí)現(xiàn)分頁(yè)呢?接下來,小編幫大家解決這個(gè)問題,需要的朋友一起來學(xué)習(xí)吧2015-08-08
js如何計(jì)算斐波那契數(shù)列第n項(xiàng)的值
這篇文章主要介紹了js如何計(jì)算斐波那契數(shù)列第n項(xiàng)的值問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-01-01
javascript實(shí)現(xiàn)頁(yè)面刷新時(shí)自動(dòng)清空表單并選中的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)頁(yè)面刷新時(shí)自動(dòng)清空表單并選中的方法,涉及javascript中reset與focus方法的相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
用JavaScrpt實(shí)現(xiàn)文件夾簡(jiǎn)單輕松加密的實(shí)現(xiàn)方法圖文
電腦里經(jīng)常會(huì)存儲(chǔ)著重要文件,這些文件需要進(jìn)行加密,有許多方法來實(shí)現(xiàn)。但如果想對(duì)一個(gè)文件夾里的所有文件都進(jìn)行加密,數(shù)量少還可以,要是數(shù)量多豈不是得把人累死?2008-09-09

