html做的灯泡变色

最新推荐文章于 2022-05-05 22:42:31 发布

马超之勇不亚于吕布

最新推荐文章于 2022-05-05 22:42:31 发布

阅读量794

点赞数

分类专栏： java 文章标签： java

本文链接：https://blog.csdn.net/mqf15565844264/article/details/102537418

版权

本文介绍了使用HTML技术创建一个可以动态改变颜色的灯泡效果，通过简单的代码实现视觉上的颜色变化。

摘要由CSDN通过智能技术生成

这是一个会变颜色的灯泡

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div style="margin-left: 400px;float: left">
		        <img src="img/111.jpg" width="500dp" height="500dp" id="img">
		        <input type="button" value="开关" onclick="onOff()">
		        <div style= float: right;overflow:auto;padding-left: 20px" id="log"></div>
		    </div>
		<script type="text/javascript">
			 var onORoff=false
		    function getTime(){
			  
		    //获取时间
		        var date = new Date()
		        var hour = date.getHours()
		        var min = date.getMinutes()
		        var sec = date.getSeconds()
		        return hour+"时"+min+"分"+sec+"秒"
		    }
		    func

最低0.47元/天解锁文章

马超之勇不亚于吕布

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html做的灯泡变色

这是一个会变颜色的灯泡<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div style="margin-left: 400px;float: left"&...
复制链接

扫一扫