当前位置: 主页->网页特效专栏->游戏类->和电脑玩玩剪子、包袱、锤的游戏
栏目导航
网页特效
  典型特效 状态栏
  游戏类 页面背景
  页面特效 页面导航
  文本操作 文本特效
  图形特效 鼠标特效
  时间日期 密码类
  浏览相关 警告对话
  技巧类 计数转换
  测试搜索 代码生成
  播放音乐 按钮特效
  系统相关 链接特效
  黑客性质 相关特效
  窗口特效 其它特效
最新更新
·一个正在跳舞的BABY
·速度与准确性的训练
·剪子、包袱、锤游戏
·速算训练
·简单的走迷宫游戏
·鼠标点击速度测试游戏
·试试运气找好东东!
·射击游戏 小蜜蜂
·填空游戏 (不简单哟)
·21点(黑杰克)
热点文章
 
 
 
 
 
 
 
 
 
 

和电脑玩玩剪子、包袱、锤的游戏

http://www.yy0736.com 加入日期:2005-03-07 21:00:00 点击数:

查看:[大字体 中字体 小字体]

说明: 和电脑玩玩剪子、包袱、锤的游戏(只不过图片可得换噢)

效果: 点这里看效果!

代码: 要完成此效果需要两个步骤
第一步:把如下代码加入到<head>区域中


<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function playGame(choice) {
with (document.game) {
comp = Math.round((Math.random() * 2) + 1);
var choicename;
if (comp == 1) choicename = "rock";
if (comp == 2) choicename = "paper";
if (comp == 3) choicename = "scissors";
msg.value = 'The computer chose ' + choicename + '; ';
switch(choice) { // calculates score
case 1 : // rock
if (comp == 1) { draw.value++; msg.value += 'It is a draw.'; break; }
if (comp == 2) { loss.value++; msg.value += 'You lost!'; break; }
if (comp == 3) { win.value++; msg.value += 'You won!'; break; }
case 2 : // paper
if (comp == 1) { win.value++; msg.value += 'You won!'; break; }
if (comp == 2) { draw.value++; msg.value += 'It is a draw.'; break; }
if (comp == 3) { loss.value++; msg.value += 'You lost!'; break; }
case 3 : // scissors
if (comp == 1) { loss.value++; msg.value += 'You lost!'; break; }
if (comp == 2) { win.value++; msg.value += 'You won!'; break; }
if (comp == 3) { draw.value++; msg.value += 'It is a draw.'; break; }
}
msg.value += ' Go again!';
}
}
// End -->
</script>

第二步:把如下代码加入到<body>区域中


<form name=game>
<table border=1 cellpadding=5>
<tr>
<td align=center>User:</td>
<td align=center><a href="javascript:void(0);" onClick="playGame(1);">
<img src="http://www.yy0736.com/js/03/503/028_1.jpg"
width=29 height=23 border=0 alt=锤></a></td>
<td align=center><a href="javascript:void(0);" onClick="playGame(2);">
<img src="http://www.yy0736.com/js/03/503/028_2.jpg"
width=29 height=23 border=0 alt=包袱></a></td>
<td align=center><a href="javascript:void(0);" onClick="playGame(3);">
<img src="http://www.yy0736.com/js/03/503/028_3.jpg"
width=29 height=23 border=0 alt=剪子></a></td>
</tr>
<tr>
<td colspan=4 align=center><input type=text name=msg size=45></td>
</tr>
<tr>
<td colspan=4 align=center>
<input type=text name=win readonly value="0" size="2"> Wins
<input type=text name=loss readonly value="0" size="2"> Losses
<input type=text name=draw readonly value="0" size="2"> Draws
</td>
</tr>
</table>
</form>

作者:佚名 来源: 网上转帖  

   

上篇:速算训练 看看你的心算能力够不够好   

下篇:速度与准确性的训练 规定时间内能点中多少?


[夜鹰论坛] [我要留言] [关闭窗口] [ ][TOP]

此文章最新评论(不超过十条)
■评论此文章 ( 有问题请去夜鹰论坛发帖 )
共有评论: 查看全部评论 姓名:
【 声明 】 您所发表的言论将被众多网友阅读,因此,您所发表的言论应不违反中国法律,不违背一般的道德原则,否则,您必须对您的不当言论引发的一切不良后果负责;此外,我们的管理员有权删除您发表的不当言论,谢谢合作!