网页特效
建站首页
|
广告代码
|
源码下载
|
站长工具
|
字体下载
|
网页模板
|
收藏本站
|
设为首页
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐:
英文字体
人民币汇率
dw插件
站长常用软件
alexa排名查询
您的位置:
网页特效
->
游戏娱乐
-> 鼠标测试游戏
鼠标测试游戏
作者:鼠标测试游戏 发布时间:2007-11-22 23:27:24 发布人: admin
<html> <head> <title>鼠标测试游戏</title> </head><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" valign="center"><input type="radio" onclick="hithead(10)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(11)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(12)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(13)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(14)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(15)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(16)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(17)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(18)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(19)"></td> </tr> <tr> <td align="center" valign="center"><input type="radio" onclick="hithead(20)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(21)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(22)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(23)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(24)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(25)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(26)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(27)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(28)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(29)"></td> </tr> <tr> <td align="center" valign="center"><input type="radio" onclick="hithead(30)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(31)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(32)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(33)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(34)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(35)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(36)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(37)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(38)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(39)"></td> </tr> <tr> <td align="center" valign="center"><input type="radio" onclick="hithead(40)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(41)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(42)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(43)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(44)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(45)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(46)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(47)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(48)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(49)"></td> </tr> <tr> <td align="center" valign="center"><input type="radio" onclick="hithead(50)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(51)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(52)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(53)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(54)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(55)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(56)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(57)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(58)"></td> <td align="center" valign="center"><input type="radio" onclick="hithead(59)"></td> </tr> <tr><td colspan="10"><hr size="1"></td> </tr></table></center></form> </body></html>
鼠标测试游戏
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
上下自动滚动新闻效果网页特效代码
下一篇:文章:
自信测试网页特效代
本类浏览排行 »
搜索页面中的内容
又一款综合搜索引擎代码
标题栏显示当前时间
倒影效果的电子表,显示当前时间
自动记录当前页面最新的更新日期
JS让网页每隔2秒弹出一次对话框
一款超酷的CSS列表排行榜
鼠标悬停放大的纯CSS分页效果
本站推荐文章 »
垂直三栏自适应等高布局
仿QQ消息管理器的文本内容样式
支付宝的控制台动画效果菜单
文字、图片拖曳移动
可拉伸移动的DIV层效果
很酷的图片伸缩放大功能
较好的视觉效果的网页选项卡
CSS实例:通过定义渐变边框给图片加阴影