jQuery游戏惩罚代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jQuery游戏惩罚代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery��Ϸ�ͷ�����</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="js/comm.js"></script>
<script type="text/javascript">
/*�ͷ���ֱ���������������������*/
var test = ["���۴���","����Ƭ(˫��)","��������(20��)","������ת��Ȼ����è��...","���Ļ���ð��","װ�崿��װGay��װɵ��"];
</script>
</head>
<body>
<!-- ���� ��ʼ -->
<div id="chengfa" class="chengfa">���"���"����ʼ�ͷ�</div>
<div class="cfav">
<a class="count count_a">��ʼ����ʱ...</a><a class="start">���</a><a class="over">ֹͣ</a>
</div>
</body>
</html>

JS代码(comm.js):

/** Class* Copyright (c) 2013 Classhttp://gaoge.name* E-Mail:g@gaoge.name* Date:2013-08*/
var wait = 2;
	var jieguo = 0;
	$(function(){
	var time;
	var font;
	$(".start").show();
	$(".start").click(function(){
	time = setInterval("gaocf()",0);
	$("#chengfa").animate({
	fontSize:"50px"}
);
	$(".start,.over").toggle();
}
);
	$(".over").click(function(){
	clearInterval(time);
	for ( var i=0;
	i<test.length;
	i++ ){
	if ( $("#chengfa").html() == test[i] ){
	openFace(Math.floor(Math.random()*4));
	test.splice(i,1);
}
}
$("#chengfa").animate({
	fontSize:"20px"}
).animate({
	fontSize:"50px"}
);
	$(".start,.over").toggle();
	for ( i=1;
	i<=wait;
	i++ ){
	setTimeout("count("+ i + ")",i*1000)}
$(".start").hide();
	$(".count").show();
}
)$(document).keydown(function(event){
	if(event.keyCode == 13 || event.keyCode == 32){
	if ( $(".start").css("display") == "none" && $(".over").css("display") == "none" ){
	return false;
}
if ( $(".start").css("display") == "block" ){
	$(".start").click()}
else{
	$(".over").click()}
}
;
	if(event.keyCode == 116){
	return false;
}
}
)}
)function count(num){
	if ( num == wait ){
	$(".count").hide();
	$(".start").show();
}
else{
	jieguo = wait - num;
	$(".start").hide();
	$(".count").show();
	$(".count").html("���(" + jieguo + "��)")}
}
function gaocf(){
	var numSj = Math.floor(Math.random()*test.length);
	var chengfa = test[numSj];
	$("#chengfa").html(chengfa);
}
function openFace(obj){
	$("body").append("<img class='tmp_face' src='images/"+obj+".gif'/>");
	var winW = $(window).width();
	var winH = $(window).height();
	$(".tmp_face").css("top",winH/2-200).fadeIn().animate({
	"left":winW/2-200}
,500).delay(1000).fadeOut(function(){
	$(this).remove()}
);
}

CSS代码(style.css):

body{color:#000;margin:0;padding:0;font:14px "Microsoft YaHei","微软雅黑",Arial,\5b8b\4f53;font-weight:bold;}
div::selection{background:#c00;}
.chengfa{font-size:50px;color:#f60;width:980px;height:500px;margin:10px auto 0 auto;text-align:center;overflow:hidden;border:2px dashed #ccc;line-height:500px;}
.cfav{width:240px;height:auto;margin:0 auto;padding-top:40px;}
.cfav a{width:200px;height:40px;display:block;background:#f60;overflow:hidden;line-height:40px;color:#fff;text-align:center;border:1px solid #f30;border-radius:5px;float:left;margin:0 20px;cursor:pointer;display:none;position:relative;}
.cfav a:hover{background:#f80;}
.cfav a.count{display:none;}
.cfav a.moren{width:200px;height:40px;display:block;background:#f60;overflow:hidden;line-height:40px;color:#fff;text-align:center;border:1px solid #f30;border-radius:5px;float:left;margin:0 20px;cursor:pointer;display:none;position:relative;}
.cfav a.count_a{background:#ccc;border:1px solid #eee;}
.tmp_face{width:400px;height:400px;position:absolute;margin-top:-138px;left:-400px;}

附件:下载该文件资源,减少时间成本(增值服务)