javascript實(shí)現(xiàn)點(diǎn)亮燈泡特效示例
更新時(shí)間：2019年10月15日 16:31:50 作者：Apollo
這篇文章主要介紹了javascript實(shí)現(xiàn)點(diǎn)亮燈泡特效示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(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
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Js,alert出現(xiàn)亂碼問題的解決方法，需要的朋友可以參考一下2013-06-06
用來屏蔽鼠標(biāo)右鍵的代碼，破解方法也比較簡單。比較根本。禁掉js什么也運(yùn)行不了。2009-12-12
JS中confirm,alert,prompt函數(shù)區(qū)別分析
JS中confirm,alert,prompt函數(shù)使用區(qū)別有哪些呢？2011-01-01
js彈出層永遠(yuǎn)居中實(shí)現(xiàn)思路及代碼
彈出層永遠(yuǎn)居中的方法有很多，在本文為大家詳細(xì)介紹下使用js是如何輕松實(shí)現(xiàn)的，喜歡的朋友可以參考下2013-11-11
Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(一)
這篇文章主要介紹了Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(一)的相關(guān)資料,需要的朋友可以參考下2016-05-05
js實(shí)現(xiàn)多個(gè)倒計(jì)時(shí)并行 js拼團(tuán)倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)多個(gè)倒計(jì)時(shí)并行功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要給大家介紹了關(guān)于利用jsonp與代理服務(wù)器方案解決跨域問題的相關(guān)資料，文中通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
JavaScript的事件綁定(方便不支持js的時(shí)候)
看了JavaScript DOM 編程藝術(shù)的Best Practices那章，才知道我們?cè)谥谱骶W(wǎng)頁的時(shí)候有很多東西需要考慮2013-10-10
這篇文章主要介紹了微信小程序保持session會(huì)話的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Java與JavaScript中判斷兩字符串是否相等的區(qū)別
這篇文章主要介紹了Java與JavaScript中判斷兩字符串是否相等的區(qū)別,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03