JavaScript实现点击网页出现飘字（一）

该效果是在某篇CSDN文章页面看到的，不过他并没有相关文章，所以自己想试着实现。

已经实现了点哪字往哪显示，不过不会飘和渐隐，有待完善

话不多说，直接上代码

 <div id="float-words"></div>
    <script>
      //获取内存飘字的元素
      var floatwords = document.querySelector("#float-words");
      //用数组存要飘的字
      var arr = [
        "富强",
        "民主",
        "文明",
        "和谐",
        "自由",
        "平等",
        "公正",
        "法制",
        "爱国",
        "敬业",
        "诚信",
        "友善",
      ];
      //定义数组的索引，并赋初值为0
      var i = 0;
      //添加点击事件
      document.addEventListener("click", function (e) {
        //获取鼠标在页面上的坐标
        let x = e.pageX;
        let y = e.pageY;
        //将内存飘字的元素的值附上鼠标坐标的值，并进行相应的修正
        floatwords.style.left = x - 30 + "px";
        floatwords.style.to