CSS实现闪烁

最新推荐文章于 2025-10-14 05:20:07 发布

原创最新推荐文章于 2025-10-14 05:20:07 发布 · 3.7k 阅读

0 ·

CC 4.0 BY-SA版权

CSS 专栏收录该内容

5 篇文章

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title> demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script> 
function dark (){
    $(".light").css({ width:"10px",height:"10px",left:"20px",top:"20px",opacity:1}).animate({ width:"50px",height:"50px",left:"0px",top:"0px",opacity:0},1000,"linear",a());
}
function a () {
    $(this).remove();
};

</script>
</head>
 
<body>
<div class="light" style="border-radius:25px; background:#F00; position:absolute; "></div>
 <input type="button" value="test" style="margin-left:500px;" onclick="dark()">
</body>