用JavaScript制作一个手动开灯关灯的网页

2025-04-19 09:17:51

1、首先,打开RUNOOB的页面,找到JavaScript版块。

用JavaScript制作一个手动开灯关灯的网页
用JavaScript制作一个手动开灯关灯的网页

2、找到任意一个“尝试一下”按钮,点击进入。

用JavaScript制作一个手动开灯关灯的网页

3、页面左侧是代码区,右侧是运行结果。把左侧的代码删掉。

用JavaScript制作一个手动开灯关灯的网页

4、把下面图中的代码复制到代码区。

用JavaScript制作一个手动开灯关灯的网页

5、点击“运行”,可以在右面看到运行结果。

用JavaScript制作一个手动开灯关灯的网页

6、这时候,用鼠标点击灯喘盥墨涿泡图片,就会呈现忽明忽灭的效果。其实,本质上是两幅图片切换的效果,而这两幅图片都放在RUNOOB的网页里面。

用JavaScript制作一个手动开灯关灯的网页
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢