<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 300px; height: 200px; background-color: hotpink; } </style> </head> <body> <div id="dv"></div> <input type="button" value="渐变" id="btn"> <script> function my$(id) { return document.getElementById(id); }; var opacity = 10; my$("btn").onclick=function () { var timer = setInterval(function () { if (opacity<=0){ clearInterval(timer); } opacity--; my$("dv").style.opacity=opacity/10; },500); } </script> </body> </html>
js实现div颜色渐变
最新推荐文章于 2024-07-23 23:06:32 发布