javascript實現(xiàn)點亮燈泡特效示例
更新時間：2019年10月15日 16:31:50 作者：Apollo
這篇文章主要介紹了javascript實現(xiàn)點亮燈泡特效示例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了javascript實現(xià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個人整理,僅供參考!'>
<title>點亮燈泡</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
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JS typeof fn === ''function'' && fn()詳解
最近在學(xué)習(xí)js的時候發(fā)現(xiàn)很多人都喜歡在JS 中存在fn && fn() 執(zhí)行語句或者typeof fn === 'function' && fn()，下面這篇文章就為大家分享一下2020-08-08
有的時候頁面需要很多不同的表組成的數(shù)據(jù)，該怎么分頁呢？使用數(shù)據(jù)庫分頁很簡單，那么如何使用js實現(xiàn)分頁呢？接下來，小編幫大家解決這個問題，需要的朋友一起來學(xué)習(xí)吧2015-08-08
這篇文章主要介紹了js如何計算斐波那契數(shù)列第n項的值問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
javascript實現(xiàn)頁面刷新時自動清空表單并選中的方法
這篇文章主要介紹了javascript實現(xiàn)頁面刷新時自動清空表單并選中的方法,涉及javascript中reset與focus方法的相關(guān)使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
js計算字符串的字節(jié)數(shù)的代碼2009-02-02
用JavaScrpt實現(xiàn)文件夾簡單輕松加密的實現(xiàn)方法圖文
電腦里經(jīng)常會存儲著重要文件，這些文件需要進行加密，有許多方法來實現(xiàn)。但如果想對一個文件夾里的所有文件都進行加密，數(shù)量少還可以，要是數(shù)量多豈不是得把人累死？2008-09-09
一般來說中文亂碼用js結(jié)合escape來解決，但下面的方法是一般后臺中的一些問題，需要注意下輸出順序，先聲明編碼類型在輸出內(nèi)容是個好習(xí)慣。2009-12-12
這篇文章主要介紹了JavaScript獲取指定元素位置的方法,實例分析了javascript中l(wèi)eft、scrollLeft、top、scrollTop、offsetHeight等屬性的使用技巧,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細介紹了Bootstrap CSS組件之按鈕下拉菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript表格排序?qū)崿F(xiàn)代碼，需要的朋友可以參考下。2009-10-10