javascript实现点亮灯泡特效示例

本文实例为大家分享了爪哇岛描述语言实现点亮灯泡特效的具体代码，供大家参考，具体内容如下

！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='本文来源于阿波罗个人整理，仅供参考！标题点亮灯泡/title style type=' text/CSS ' div { width : 500 px；高度： 400像素；背景色：浅黄色；}/style/head body div img id=' demo ' src=' http :/pic_bulboff.gif' alt='灯泡/div脚本文档。getElementById('演示').onclick=function(){ ele=document。getelementbyid(' demo ')；if(ele。src。匹配(' bulbon '){ ele。src=' ./pic _灯泡关闭。gif '；}else{ ele.src=' ./pic _灯泡打开。gif '；} }/脚本/正文/html图片pic_bulboff.gif

图片pic_bulbon.gif

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。