当前位置：首页 -> 网页设计 -> HTML/CSS -> 用 Quick Click 练习鼠标定位

用 Quick Click 练习鼠标定位

时间： 2021-07-31 作者：daque

没什么本质用处，纯属清闲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 十足采用提醒：你可先窜改局部代码，再按运转]

用 Quick Click 练习鼠标定位

相关推荐

推荐下载

热门阅览

最新排行