js点击透明

最新推荐文章于 2023-11-26 21:30:06 发布

林剑南

最新推荐文章于 2023-11-26 21:30:06 发布

阅读量706

点赞数

分类专栏： js案例文章标签： js点击透明

本文链接：https://blog.csdn.net/u014414110/article/details/88891933

版权

js案例专栏收录该内容

35 篇文章 0 订阅

订阅专栏

div{
			width: 300px;
			height: 300px;
			background-color: blueviolet;
		
		}
		
	</style>
	<body>
		
		<div id="dv"></div>
		<input type="button"  value="渐变" id="box"/>
	</body>
	<script>
		function mid(id){
			return document.getElementById(id)
		}
		
	
		mid("box").function(){
				var opacity=10;
			var timeId=setInterval(function(){
				
				opacity--;
				if (opacity<=0) {
					clearInterval(timeId);
				}
		mid("dv").style.opacity=opacity/10;
			},200);
			
		
		
		}
		
	</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

林剑南

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js点击透明

div{ width: 300px; height: 300px; background-color: blueviolet; } </style> <body> <div id="dv"></div> <input type="button" value="渐变" id="box"/&gt...
复制链接

扫一扫