1. 爱易网页
2. JS特效
3. 鼠标测试游戏

日期：2014-05-18　 浏览次数：20196 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

<html> <head> <title>爱易网网页特效演示，鼠标测试游戏</title> </head><body> <!--将以下代码加入HTML的<Body></Body>之间--> <SCRIPT LANGUAGE="JavaScript"> gamelength=30; timerID=null var playing=false; var numholes=6*10; var currentpos=-1; function clrholes() { for(var k=0;k<document.dmz.elements.length;k++) document.dmz.elements[k].checked=false; } function stoptimer() { if(playing) clearTimeout(timerID); } function showtime(remtime) { document.cpanel.timeleft.value=remtime; if(playing) { if(remtime==0) { stopgame(); return; } else { temp=remtime-1; timerID=setTimeout("showtime(temp)",1000); } } } function stopgame() { stoptimer(); playing=false; document.cpanel.timeleft.value=0; clrholes(); display("游戏结束"); alert('游戏结束.\n你一共得了: '+totalhits); } function play() { stoptimer(); if(playing) { stopgame(); return; } playing=true; clrholes(); totalhits=0; document.cpanel.score.value=totalhits; display("游戏"); launch(); showtime(gamelength); } function display(msg) { document.cpanel.state.value=msg; } function launch() { var launched=false; while(!launched) { mynum=random(); if(mynum!=currentpos) { document.dmz.elements[mynum].checked=true; currentpos=mynum; launched=true; } } } function hithead(id) { if(playing==false) { clrholes(); display("Push Start to Play"); return; } if(currentpos!=id) { totalhits+=-1; document.cpanel.score.value=totalhits; document.dmz.elements[id].checked=false; } else { totalhits+=1; document.cpanel.score.value=totalhits; launch(); document.dmz.elements[id].checked=false; } } function random() { return(Math.floor(Math.random()*100%numholes)); } // End --> </script> <center><h2>Hit-the-Dot</h2></center> <p align="center">在30秒内看谁击中的多，谁就赢了！ <form name="cpanel"> <center> <table cellspacing=3> <tr> <td><input type="button" name="startstop" value="开始/结束" onClick="play()"></td> <td><pre> </pre></td> <td align=right>时间:</td> <td><input type="text" name="timeleft" size="4" onFocus="this.blur()"></td> </tr> <tr> <td><input type="text" name="state" size="20" value="请单击"开始/结束"按钮，开始玩！" onFocus="this.blur()"></td> <td><pre> </pre></td> <td align=right>分数:</td> <td><input type="text" name="score" size="4" onFocus="this.blur()"></td> </tr> </table> </center> </form> <form name="dmz"> <center> <table cellspacing=3> <tr> <td colspan=10><hr size=1></td> </tr> <tr> <td align="center" valign="center"><input type="radio" onClick="hithead(0)"></td> <td align="center" valign="center"><input type="radio" onClick="hithead(1)"></td> <td align="center" valign="center"><input type="radio" onClick="hithead(2)"></td> <td align="center" valign="center"><input type="radio" onClick="hithead(3)"></td> <td align="center" valign="center"><input type="radio" onClick="hithead(4)"></td> <td align="center" valign="center"><input type="radio" onClick="hithead(5)"></td> <td align="center" valign="center"><input type="radio" onClick="hithead(6)"></td> <td align="center" valign="center"><input type="radio" onClick="hithead(7)"></td> <td align="center" valign="center"><input type="radio" onClick="hithead(8)"></td> <td align="center" valign="center"><input type="radio" onClick="hithead(9)"></td> </tr> <tr> <td align="center" va</div></div> <div class="clearfix"></div> </div> <nav aria-label="..."> <ul class="pager"> <li class="previous"><a href="4667">上一篇：狡猾的按钮特效</a></li> <li class="next"><a href="3189">下一篇：自信测试</a></li> </ul> </nav> <div class="alert alert-warning" role="alert"> <strong>免责声明：</strong> 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 </div> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">相关资料<span><a target="_blank" class="pull-right" href="/ItNews/">更多></a></span></h3> </div> <div class="panel-body row"> <ol> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34322' title='奇虎360证明了“惟平台化才能生存”是谬论，中国互联网不能少了周鸿祎' target="_blank"> 奇虎360证明了“惟平台化才能生存”是谬论，中国互联网不能少了周鸿祎</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34268' title='170号码扎堆上市：手机话费私人定制时代到来？' target="_blank"> 170号码扎堆上市：手机话费私人定制时代到来？</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34102' title='中国雅虎邮箱今日关停 由盛及衰的背后' target="_blank"> 中国雅虎邮箱今日关停 由盛及衰的背后</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34291' title='OPPO Find7体验测 Find7综测' target="_blank"> OPPO Find7体验测 Find7综测</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34126' title='广东移动董事长徐龙受调查 圈内对其褒贬不一' target="_blank"> 广东移动董事长徐龙受调查 圈内对其褒贬不一</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34097' title='柳传志马云陷舆论漩涡：请不要辜负这个时代' target="_blank"> 柳传志马云陷舆论漩涡：请不要辜负这个时代</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34155' title='神奇约炮应用被禁 改名后重返苹果应用商店' target="_blank"> 神奇约炮应用被禁 改名后重返苹果应用商店</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34106' title='传苹果中移动达成协议：新iPhone兼容TD制式' target="_blank"> 传苹果中移动达成协议：新iPhone兼容TD制式</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34326' title='“论文查重”网店一月收入竟过百万' target="_blank"> “论文查重”网店一月收入竟过百万</a></li></div> </ol> </div> </div> </div> <div class="col-lg-4 hidden-sm hidden-xs"> <!--右边的内容--> <a id="AdPageRight1_AdPageRight" href="http://www.tdyun.com/host/?aiyiweb" target="_blank"><img class="img-responsive" src="/images/TdPageAd/hostTest15dayCdn.png" alt="香港全能空间 免费试用15天，送网站加速30M" /></a> <script src='/Scripts/AdContentPage300_1.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_2.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_3.js' language='javascript'></script> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">推荐阅读<span><a target="_blank" class="pull-right" href="/ItNews/">更多></a></span></h3> </div> <div class="panel-body"> <ol> <li class="articleAbout"><a href=/ItNews/34380 title='酷派首抓4G时机大丰收，未来份额必降无疑' target="_blank"> 酷派首抓4G时机大丰收，未来份额必降无疑</a></li> <li class="articleAbout"><a href=/ItNews/34223 title='估值增长9.8% 阿里IPO前市值达2450亿美元' target="_blank"> 估值增长9.8% 阿里IPO前市值达2450亿美元</a></li> <li class="articleAbout"><a href=/ItNews/34165 title='魅族黄章惹怒芙蓉姐姐 将跨界推女神手机' target="_blank"> 魅族黄章惹怒芙蓉姐姐 将跨界推女神手机</a></li> <li class="articleAbout"><a href=/ItNews/6910 title='国美苏宁线上首度正面PK 京东列席4月电商战' target="_blank"> 国美苏宁线上首度正面PK 京东列席4月电商战</a></li> <li class="articleAbout"><a href=/ItNews/6855 title='众贷网满月开张 网络金融监管再受质疑' target="_blank"> 众贷网满月开张 网络金融监管再受质疑</a></li> <li class="articleAbout"><a href=/ItNews/34420 title='百度透露无人驾驶战略 研发三维交通地图' target="_blank"> 百度透露无人驾驶战略 研发三维交通地图</a></li> <li class="articleAbout"><a href=/ItNews/34385 title='三大运营商获通知大减营销费 传3年减400多亿' target="_blank"> 三大运营商获通知大减营销费 传3年减400多亿</a></li> <li class="articleAbout"><a href=/ItNews/10827 title='快递企业征收“份子钱” 成全了谁 苦了谁？' target="_blank"> 快递企业征收“份子钱” 成全了谁 苦了谁？</a></li> <li class="articleAbout"><a href=/ItNews/34343 title='易迅大众点评缩水执行“七天后悔权”被约谈' target="_blank"> 易迅大众点评缩水执行“七天后悔权”被约谈</a></li> <li class="articleAbout"><a href=/ItNews/6857 title='惠普董事长莱恩辞职 为巨额财务减记埋单' target="_blank"> 惠普董事长莱恩辞职 为巨额财务减记埋单</a></li> <li class="articleAbout"><a href=/ItNews/34121 title='一个非脑残米粉的思考：小米“成功之道”如何炼成' target="_blank"> 一个非脑残米粉的思考：小米“成功之道”如何炼成</a></li> <li class="articleAbout"><a href=/ItNews/34402 title='不提老罗，不说情怀，仅从十四个投诉问题入手谈锤子手机' target="_blank"> 不提老罗，不说情怀，仅从十四个投诉问题入手谈锤子手机</a></li> <li class="articleAbout"><a href=/ItNews/6854 title='Facebook以“人”为本的名义占领安卓' target="_blank"> Facebook以“人”为本的名义占领安卓</a></li> <li class="articleAbout"><a href=/ItNews/34450 title='看病也能用支付宝了 马云的又一盘大棋' target="_blank"> 看病也能用支付宝了 马云的又一盘大棋</a></li> <li class="articleAbout"><a href=/ItNews/10810 title='网曝富士康500万iphone遭退货是确证的事' target="_blank"> 网曝富士康500万iphone遭退货是确证的事</a></li> <li class="articleAbout"><a href=/ItNews/34382 title='二维码支付大战的号角注定已经吹响，尚需标准发放' target="_blank"> 二维码支付大战的号角注定已经吹响，尚需标准发放</a></li> <li class="articleAbout"><a href=/ItNews/34460 title='2019双12阿里云老用户怎么参加拼团活动 老用户拼团方法' target="_blank"> 2019双12阿里云老用户怎么参加拼团活动 老用户拼团方法</a></li> <li class="articleAbout"><a href=/ItNews/34393 title='支付宝钱包支持医保移动缴费 广州成首个试点' target="_blank"> 支付宝钱包支持医保移动缴费 广州成首个试点</a></li> <li class="articleAbout"><a href=/ItNews/34422 title='中移动五大基地将整改成公司：被指易滋生腐败' target="_blank"> 中移动五大基地将整改成公司：被指易滋生腐败</a></li> <li class="articleAbout"><a href=/ItNews/34298 title='聚美优品获基石投资1.5亿美金，IPO吃下定心丸' target="_blank"> 聚美优品获基石投资1.5亿美金，IPO吃下定心丸</a></li> </ol> </div> </div> </div> </div> <div class="clearfix"></div> <footer class=" footer navbar-bottom"> <em>友情链接：</em> <a href="http://www.aiyiweb.com/" target="_blank">爱易网 </a> <a href="http://www.aiyiweb.com/" target="_blank">云虚拟主机技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">云服务器技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">程序设计技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">开发网站 </a> <a href="http://www.aiyiweb.com/" target="_blank">APP开发教程 </a> <br /> <script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=15239353030108964139' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script> Copyright © 2013-2026 爱易网页 当前在线：470人　 网站在1分34秒内访问总人数：656人 2秒前 43.11% 　<a href="https://beian.miit.gov.cn" target="_blank">粤ICP备18100884号-2 </a> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({ id: "JszEmKrtpbU59dY5", ck: "JszEmKrtpbU59dY5" })</script> </footer> </div> </body> </html>