console
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
html,body{width:100%;height:100%;}
span{
position: absolute;
color:red;
animation: anite .5s;
user-select: none;
}
@keyframes anite{
to{
transform:translateY(-300%);
opacity: 0
}
}
</style>
</head>
<body>
<script type="text/javascript">
let arr = ['富强','民主','平等','帅气']
document.body.addEventListener('click',function(e){
let span = document.createElement('span')
arr.push( span.innerHTML = arr.shift() )
span.style.left = e.pageX - 10 + 'px'
span.style.top = e.pageY - 10 + 'px'
setTimeout(()=>span.remove(),300)
this.appendChild(span)
})
</script>
</body>
</html>