用 Quick Click 练习鼠标定位-友情网中网「Www.33EE.Com」

HTML/CSS

DreamWeaver
FrontPage
HTML/CSS
经验技巧
 Flash
Firework

本类阅读TOP10

·HTML组件(HTML COMPONENTS)之一
·第四章　颜色背景的ＣＳＳ
·HTML语言剖析(6)
·第一章　ＣＳＳ的基本认识
·HTML组件(HTML COMPONENTS)之二
·第五章　文字性质的ＣＳＳ
·第三章　ＣＳＳ的应用补充
·第六章　区块性质的ＣＳＳ
·HTML在线编辑器的调用方法
·实现页面图片阴影特效

→ 精品推荐

用 Quick Click 练习鼠标定位

作者：未知来源：未知 加入时间：2004-9-26

没什么实际用途，纯属消遣

Quick Click
<html> <head> <title>Quick_Click</title> <SCRIPT Language="JavaScript"> /* All Files are Designed & Writen by Windy_sk, you can use it freely but ... YOU MUST KEEP THIS ITEM ! Email: windy_sk@126.com */ function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } function reportError(msg,url,line) { var str = "You have found an error as below: \n\n"; str += "Err: " + msg + " on line: " + line; alert(str); return true; } window.onerror = reportError; var info_bar = new Object(); var arc_obj = new Object(); var arc_lst = new Array(); var arc_timer = new Array(); var arc_time_unit = 200; var level = 1; var hp_max = 20; var hp_cur = 20; var lv_limit = 10; var lv_cur = 1; var lv_timer = null; var lv_time_unit = 1000; function arc_insert() { var idx = arc_lst.length; var cur_arc = arc_obj.cloneNode(); cur_arc.style.top = GetRandomNum(100, game_board.document.body.offsetHeight-100); cur_arc.style.left = GetRandomNum(100, game_board.document.body.offsetWidth-100); cur_arc.idx = idx; if(GetRandomNum(1,10)>8) { cur_arc.FillColor = "red"; cur_arc.StrokeColor = "red"; } else if(GetRandomNum(1,10)>9) { cur_arc.FillColor = "blue"; cur_arc.StrokeColor = "blue"; } cur_arc.onclick = arc_click; game_board.document.body.insertBefore(cur_arc); arc_lst[idx] = cur_arc; arc_timer[idx] = setInterval("arc_show("+idx+")",arc_time_unit); return; } function arc_show(idx) { var cur_arc = arc_lst[idx]; if(typeof(cur_arc) != "object") return; cur_arc.filters.alpha.opacity += 5; cur_arc.style.width = parseInt(cur_arc.style.width) - 5; cur_arc.style.height = parseInt(cur_arc.style.height) - 5; if(cur_arc.filters.alpha.opacity >= 100){ cur_arc.removeNode(); arc_lst[idx] = null; clearInterval(arc_timer[idx]); arc_timer[idx] = null; hp_cur--; hp_show.innerText = hp_cur + "/" + hp_max; modi_bar(hp_bar, hp_cur, hp_max); if(hp_cur <= 0) { for(var i=0; i<arc_lst.length; i++) { if(arc_timer[i] != null)clearInterval(arc_timer[i]); if(arc_lst[i] != null)arc_lst[i].removeNode(); } start.disabled = false; clearInterval(lv_timer); show_info("Game Over !") } } return; } function modi_bar(obj, cur, max) { var rate = Math.ceil(cur * 100 / max); if(isNaN(rate) || rate < 0)rate = 0; if(rate > 100) rate = 100; obj.rows[0].cells[0].style.width = rate + "%"; obj.rows[0].cells[1].style.width = (100 - rate) + "%"; return; } function arc_click() { var idx = game_board.event.srcElement.idx; var cur_arc = arc_lst[idx]; clearInterval(arc_timer[idx]); cur_arc.filters.alpha.opacity = 100; cur_arc.onclick = null; arc_timer[idx] = setInterval("arc_out("+idx+")", 10); point.innerText = parseInt(point.innerText) + 1 if(cur_arc.FillColor == "red") { hp_cur++; if(hp_cur > hp_max) hp_cur = hp_max; hp_show.innerText = hp_cur + "/" + hp_max; modi_bar(hp_bar, hp_cur, hp_max); } else if(cur_arc.FillColor == "blue") { hp_max++; hp_show.innerText = hp_cur + "/" + hp_max; modi_bar(hp_bar, hp_cur, hp_max); } return; } function arc_out(idx) { var cur_arc = arc_lst[idx]; cur_arc.style.left = parseInt(cur_arc.style.left) + 10; if(cur_arc.offsetLeft > screen.width){ cur_arc.removeNode(); arc_lst[idx] = null; clearInterval(arc_timer[idx]); arc_timer[idx] = null; } } function go_stage(lv) { if(isNaN(lv) || lv < 0) lv = 0; if(lv > 9) lv = 9; stg_lv.innerHTML = " " + (lv + 1) + " "; lv_cur = 1; lv_limit = 10 + lv * 10; stg_info.innerText = "1/" + lv_limit; modi_bar(stg_info_bar, lv_cur, lv_limit); lv_time_unit = 1000 - lv * 100; arc_lst = new Array(); arc_timer = new Array(); arc_insert(); lv_timer = setInterval("go_stage_step("+lv+")", lv_time_unit); } function go_stage_step(lv) { if(++lv_cur>lv_limit){ clearInterval(lv_timer); lv++; setTimeout("show_info('Stage " + lv + " Clear !')", 2000) setTimeout("go_stage("+lv+")", 5000); }else{ stg_info.innerText = lv_cur + "/" + lv_limit; modi_bar(stg_info_bar, lv_cur, lv_limit); arc_insert(); } } function show_info(str){ info_bar.filters.revealTrans.transition=GetRandomNum(1,23); info_bar.style.left=(game_board.document.body.offsetWidth-200)/2; info_bar.style.top =(game_board.document.body.offsetHeight-40)/4; info_bar.innerHTML="<table border=0 width=100% height=100%><tr><td align=center valign=middle style='font-size:16px; FONT-WEIGHT:bold;'>" + str + "</td></tr></table>"; info_bar.filters.revealTrans.apply(); info_bar.style.display = ""; info_bar.filters.revealTrans.play(); setTimeout("info_bar.style.display='none'",2000); } window.onload = function(){ game_board.document.open(); game_board.document.write("<html xmlns:v='urn:schemas-microsoft-com:vml'>\n<head>\n<title>Arc_Click</title>\n<STYLE>\n v\\:* { BEHAVIOR: url(#default#VML) }\n</STYLE>\n</head>\n<body scroll='no' onselectstart='return false' oncontextmenu='return false'></body>\n</html>"); game_board.document.close(); arc_obj = game_board.document.createElement("<v:arc style='position:absolute;width:100;height:100;filter:alpha(opacity=0);' StartAngle='0' EndAngle='360' Filled='true' FillColor='gray' StrokeColor='gray' StrokeWeight='1px' />"); info_bar = game_board.document.createElement("<div style='background-color: #eeeeee; width:200px; height:40px; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); position:absolute; text-align: center; border:0px solid black; display:none; zindex:999'></div>"); game_board.document.body.insertBefore(info_bar); } </SCRIPT> </head> <body scroll="no" onselectstart="return false"> <table style="border:0px;width:100%;height:100%"> <tr> <td> <iframe scrolling="no" id="game_board" src="about:blank" MARGINHEIGHT="0" MARGINWIDTH="0" style="width:100%; height:100%;"></iframe> </td> <td style="width:200px"> <table style="border:1px black solid;width:100%;height:100%"> <tr> <td valign="top"> <span style="font-family: Arial, Helvetica; font-size: 18px">Stage <span id="stg_lv"> 1 </span></span><br /> <br /> <table style="border:0px;width:100%"> <tr> <td width="60"><b>State :</b></td> <td> <table id="stg_info_bar" style="border:1px black solid;width:100px;height:100%"> <tr> <td style="width:100%; background-color:skyblue; height:10px"></td> <td style="width:0%"></td> </tr> </table> </td> <td width="20"><span id="stg_info">0/10</span></td> </tr> </table> <br /> <table style="border:0px;width:100%"> <tr> <td width="60"><b>Health:</b></td> <td> <table id="hp_bar" style="border:1px black solid;width:100px;height:100%"> <tr> <td style="width:100%; background-color:skyblue; height:10px"></td> <td style="width:0%"></td> </tr> </table> </td> <td width="20"><span id="hp_show">20/20</span></td> </tr> </table> <br /> <table style="border:0px;width:100%"> <tr> <td width="60"><b>Point :</b></td> <td><span id="point">0</span></td> </tr> </table> <br /> <center><input id="start" type="button" onclick="this.disabled=true;go_stage(0);hp_max=20" value="Start"></center> </td> </tr> </table> </td> </tr> </table> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

相关文章：
相关软件：


\| 网络工具 \| 系统工具 \| 应用软件 \| 多媒体类 \| 联络聊天 \| 行业软件 \| 图形图像 \| 安全相关 \| 编程开发 \| 教育教学 \| 游戏娱乐 \| \| 程序源码 \| ASP 源码 \| CGI 源码 \| PHP 源码 \| 驱动下载 \| 字体下载 \| 素材下载 \| 桌面大全 \| 闪客天地 \| 外挂插件 \| 考题下载 \|


站内搜索：