Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要为大家详细介绍了 js 点击出漫天的小星星,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
效果图:
实现代码:
- <html onclick="init(event)">
- <head>
- <title>
- new document
- </title>
- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
- <script type="text/javascript">
- //点出漫天小星星
- //背景色
- //给html添加onclick事件
- //创建图片节点,并追加到body父节点下
- //图片的随机大小
- function init(e) {
- //创建图片节点(在内存中,还看不见)
- var imgObj = document.createElement("img");
- //追加节点
- document.body.appendChild(imgObj);
- //添加属性
- imgObj.src = "xingxing.gif";
- //添加width属性
- imgObj.width = getRandom(15, 85);
- //定位
- var x = e.clientX ? e.clientX: event.clientX;
- var y = e.clientY ? e.clientY: event.clientY;
- imgObj.style.position = "absolute";
- imgObj.style.left = x - imgObj.width / 2 + "px";
- imgObj.style.top = y - imgObj.width / 2 + "px";
- }
- function getRandom(min, max) {
- return Math.floor(Math.random() * (max - min) + min);
- }
- </script>
- </head>
- <body style="background-color:black">
- </body>
- </html>
来源: http://www.phperz.com/article/17/0707/328338.html