相思资源网 Design By www.200059.com
本文实例为大家分享了js实现电灯开关效果的具体代码,供大家参考,具体内容如下
通过对js的一个学习,我们来完成一个模拟电灯开关的小案例。
首先对本案例进行一个分析,过程如下:
1.获取图片属性
2.绑定单击事件
3.点击时切换图片
1.通过按钮实现电灯开关
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <img src="/UploadFiles/2021-04-02/on.gif">运行结果:
2.通过点击电灯,实现开关
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <img src="/UploadFiles/2021-04-02/off.gif">简化版(利用三元运算符)
标签:js,电灯开关
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无js实现电灯开关效果的评论...