js打怪升级之路三 点出满天小星星
生活随笔
收集整理的這篇文章主要介紹了
js打怪升级之路三 点出满天小星星
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
點出滿天小星星 不懂多敲幾遍即可
<html onclick="init(event)">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript">
//實例：點出滿天星星
/*
(1)當onclick事件發生時(點擊html標記)，去顯示一個星星
*/
function init(e)
{
//創建圖片
var imgObj = document.createElement("img");
//追加到<body>節點下
document.body.appendChild(imgObj);
//增加src屬性
imgObj.src = "images/xingxing.gif";
//增加width屬性
var width = getRandom(15,85);
imgObj.width = width;
//增加style屬性
var x = e.clientX ? e.clientX : event.clientX;
var y = e.clientY ? e.clientY : event.clientY;
imgObj.style.position = "absolute";
imgObj.style.left = x - width/2 + "px";
imgObj.style.top = y - width/2 + "px";
}
function getRandom(min,max)
{
var random = Math.random()*(max-min)+min;
random = Math.floor(random);
return random;
}
</script>
</head>
<body bgColor="#000">
</body>
總結
以上是生活随笔為你收集整理的js打怪升级之路三 点出满天小星星的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jmeter(二)ant报告模板下载与使
- 下一篇： web项目为什么点击注册按钮跳转不到注册