當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript特效——开关灯泡
生活随笔
收集整理的這篇文章主要介紹了
JavaScript特效——开关灯泡
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
準備
首先要準備兩張圖片，一張是燈泡亮的圖片，取名為on.jpg，另一張是滅的圖片，取名為off.jpg，都放置到當前的目錄下。
代碼
<!DOCTYPE html> <html> <head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><link rel="stylesheet" href=""><script>function change(){var img = document.getElementById('img');var src = img.src;if(src.indexOf('on') >=0 ){img.src = 'off.jpg';}else{img.src = 'on.jpg';}}</script> </head> <body><h1>開關燈泡</h1><img id='img' src="on.jpg" onclick="change();" width='200' height="200"> </body> </html>運行結果圖
總結
以上是生活随笔為你收集整理的JavaScript特效——开关灯泡的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php版ueditor配置_ThinkP
- 下一篇： javascript爱心特效