jquery简单特效

197 阅读1分钟

$(window).mousemove(function(e){          
let div =$('<div/>').addClass('zz')            
div.css({              
left: e.pageX,              
top: e.pageY          
})          
$('body').append(div)         
let i =1          
let j =1          
setInterval(() => {              
i +=0.1              
j -=0.1              
div.css({                  
transform:`scale(${i})`,      
opacity:j              
})              
if(j<0)              
div.remove()          
}, 10);        
})

css部分代码

.zz{
width: 40px;
height: 40px;
box-shadow: 0 0 10px #ccc;
border-radius: 50%;
position: absolute;
}