Lin_lu_的博客

原创 Html文字冒泡的例子

咱们这个效果是点哪里都会触发的，所以需要一个全局的点击事件监听器，就是直接给document注册监听。设置延时器，100毫秒后添加淡出类名，开始执行过渡属性，并添加监听，过渡属性执行完毕后删除该元素。原理：鼠标单击时，创建一个元素，添加到body中；设置过渡属性，变为透明后删除这个元素。接着我们需要创建一个span标签的节点，并设置相应属性，最后把这个节点添加到body中去。e.clientX获取的是横坐标上鼠标点击位置。定义弹出的文字、颜色和文字索引。最后更新弹出文字的索引。