之前看到有朋友自己搭建的博客网站,在页面任意位置点击鼠标都会弹出自定义文字,而且内容会不停变化,觉得非常炫酷,今天自己试着来实现一下这个效果。
思路分析
主要是对document
添加一个click
事件,每次点击会生成一个新标签,这个标签初始位置通过获取click
的event
事件来获得。之后通过一个定时器setInterval
实现缓慢向上的效果,然后用另一个定时器setTimeOut
在一段时间后清除掉上一个定时器并且删除添加的新标签。
代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
</style>
<body>