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='样式表' href='脚本函数change(){ var img=document . getelementbyid(' img ')；var src=img.srcif(src . indexof(' on ')=0){ img . src=' off . jpg '；} else { img . src=' on . jpg '；}} /script/headbody h1开关灯泡/h1 img id=' img ' src=' http : on . jpg ' onclick=' change()；'宽度=' 200 '高度=' 200 '/正文/htmlrunning结果图

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、0103010。

希望本文对JavaScript编程有所帮助。