<!DOCTYPE html>标签:obj,bottom,opa,点赞,var,div,jquery006,size From: https://www.cnblogs.com/lfyxys/p/16929031.html
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.click{
color: darkred;
position: absolute;
}
</style>
</head>
<body style="width: 980px;margin: 0 auto">
<div style="width: 980px;height: 200px;background-color: #9a9a9a">
<div id="i1" style="position: relative;font-size: 20px;padding-top: 150px;width: 30px;height: 30px">
赞
</div>
</div>
<script src="jquery3.6.1.js"></script>
<script>
$('#i1').click(function (){
var div = document.createElement('div');
$(div).text('+1');
$(div).addClass('click');
$(this).append(div);
var opa = 1;
var left = 30;
var bottom = 0;
var size = 20;
var obj = setInterval(function (){
opa = opa - 0.1;
left = left + 20;
bottom = bottom + 20;
size = size + 10;
$(div).css('opacity',opa);
$(div).css('left',left+'px');
$(div).css('bottom',bottom+'px');
$(div).css('font-size',size+'px');
if(opa < 0){
clearInterval(obj);
$(div).remove();
console.log('关闭了');
};
},100);
// console.log(opa);//尽管opa在obj中有运算,在obj外层opa还是1,只能在obj内部设置条件
});
</script>
</body>
</html>