筚路蓝缕

不因成就而狂妄、不因失落而气馁、不因欲望而沉重、不因嫉妒而困扰

Javascript

填方格游戏

Venlentine 
<HTML><HEAD>
<TITLE>填方格</TITLE>
<STYLE type=text/css>BODY {
	MARGIN-TOP:0px;
	FONT-SIZE:9pt;
	MARGIN-LEFT:0px;
	MARGIN-RIGHT:0px;
	FONT-FAMILY:"宋体"
}
A {
	FONT-WEIGHT:400;
	FONT-SIZE:13px;
	COLOR:black;
	TEXT-DECORATION:none
}
A:hover {
	FONT-WEIGHT:400;
	FONT-SIZE:13px;
	COLOR:red;
	TEXT-DECORATION:underline
}
A:active {
	FONT:9pt "宋体";
	CURSOR:hand;
	COLOR:#ff0033
}
#board {
	CURSOR:default
}
#board TD {
	WIDTH:25px;
	HEIGHT: 25px
}
A.cOn {
	FONT-WEIGHT:bolder;
	TEXT-DECORATION:none
}
#article {
	PADDING-RIGHT:15pt;
	PADDING-LEFT:5pt;
	BACKGROUND:white;
	PADDING-BOTTOM:0px;
	FONT:12pt Verdana,geneva,arial,sans-serif;
	COLOR:black;
	PADDING-TOP:10pt
}
#article P.start {
	TEXT-INDENT:0pt
}
#article P {
	MARGIN-TOP:0pt;
	FONT-SIZE:10pt;
	TEXT-INDENT:12pt
}
#article #author {
	MARGIN-BOTTOM:5pt;
	TEXT-INDENT:0pt;
	FONT-STYLE:italic
}
#pageList P {
	PADDING-TOP:10pt
}
#article H3 {
	FONT-WEIGHT:bold
}
#article DL {
	FONT-SIZE:10pt
}
UL {
	FONT-SIZE:10pt
}
OL {
	FONT-SIZE:10pt
}
</STYLE>
<SCRIPT>
var tc_user = "isong";
var tc_class = "2";
var tc_union = "*";
var tc_type = "1";
var tc_user;
if (tc_user == null) tc_user = "";

function ShowMenu(bMenu) {
    document.all.idFinder.style.display = (bMenu) ? "none" : "block"
    document.all.idMenu.style.display = (bMenu) ? "block" : "none"
    idML.className = (bMenu) ? "cOn" : "cOff"
    idRL.className = (bMenu) ? "cOff" : "cOn"
    return false
}

function addList(url, desc) {
    if ((navigator.appName == "Netscape") || (parseInt(navigator.appVersion) >= 4)) {
        var w = window.open("", "_IDHTML_LIST_", "top=0,left=0,width=475,height=150,history=no,menubar=no,status=no,resizable=no");
		var d = w.document;
        if (!w._init) {
            d.open();
			d.write("<TITLE>Loading...</TITLE><EM>Loading...</EM>");
			d.close();
			d.location.replace("/assist/listing.asp?url=" + escape(url) + "&desc=" + escape(desc));
			w.opener = self;
			window.status = "Personal Assistant (Adding):" + desc;
        } else {
            window.status = w.addOption(url, desc);
			w.focus();
        }
    } else {
		alert("Your browser does not support the personal assistant.");
		return false;
	}
}
var size = 10;
var moves = 0;
var off = size * 2;
var on = 0;
var current = null;

function doOver() {
    if ((event.srcElement.tagName == "TD") && (current != event.srcElement)) {
        if (current != null) 
		current.style.backgroundColor = current._background;
		event.srcElement._background = event.srcElement.style.backgroundColor;
		event.srcElement.style.backgroundColor = "lightgrey";
        current = event.srcElement;		
    }
}

function setColor(el) {
    if ((el._background == "") || (el._background == null)) {
        el.style.backgroundColor = "yellow"
        el._background = "yellow"
    } else {
        el.style.backgroundColor = ""
        el._background = ""
    }
}

function countLights() {
    off = 0;
    on = 0
    for (var x = 0;x < size;x++) 
	for (var y = 0;y < size;y++) {
        var p = board.rows[x].cells[y]
        if (p._background == "yellow") 
		on++
        else off++
    }
    document.all.on.innerText = on
    if (off != 0) document.all.off.innerText = off
    else document.all.off.innerText = "聪明！"
    return (off == 0)
}

function doClick() {
    setColor(current);
	var cellIdx = current.cellIndex;
    var rowIdx = current.parentElement.rowIndex;
    if (rowIdx > 0) 
	setColor(board.rows[rowIdx - 1].cells[cellIdx]) 
	if (rowIdx < size - 1) 
	setColor(board.rows[rowIdx + 1].cells[cellIdx]) 
	if (cellIdx > 0) 
	setColor(board.rows[rowIdx].cells[cellIdx - 1]) 
	if (cellIdx < size - 1) 
	setColor(board.rows[rowIdx].cells[cellIdx + 1]) 
	moves++;
	document.all.moves.innerText = moves;
	win = countLights();
	if (win) {
        board.onclick = null;
		board.onmouseover = null;
		current.style.background = "yellow";
    }
}

function buildBoard() {
    var str = "<TABLE ID=board ONSelectSTART=\"return false\" ONCLICK=\"doClick()\" ONMOUSEOVER=\"doOver()\" cellspacing=0 cellpadding=0 border=5>"
    for (var x = 0;x < size;x++) {
        str += "<TR>";
        for (var y = 0;y < size;y++) {
            str += "<TD>?</TD>"
        }
        str += "</TR>"
    }
    str += "</TABLE>"
    return str
}

function newGame() {
    size = document.all.gameSize.value
    if (size < 3) size = 3
    if (size > 15) size = 15;
	document.all.gameSize.value = size;
	document.all.board.outerHTML = buildBoard();
	moves = 0;
	document.all.moves.innerText = moves;
	countLights();
}
</SCRIPT><br>
<center><br>
<br>
<center>
<table style="FONT-SIZE:9pt" bordercolor='#8fcfef' border='5' borderlight="green">
<tbody>
<tr>
	<td align='middle'>
		<p align='center'>
			<font color='red' size='6'>填 方 格</font>
		</p>
	</td>
</tr>
<tr>
	<td align='middle' height='100'>
		<p align='center'>
			<font><br>
			在方格上点击，你可以将下面的方格全部填成</font><font style="FONT-SIZE:9pt" color='#ffff00'>黄色</font><font style="FONT-SIZE:9pt" color='#ffffff'>吗</font><font color='#ff0000'>？</font>
		</p>
		<p align='center'>
			<font>快开动你智慧脑筋，看看有什么技巧与规律。<br>
			<br>
			</font>
		</p>
		<table cellspacing='0' cellpadding='0' width="100%" bgcolor='#8fcfef' border='0'>
		<tbody>
		<tr>
			<td width="50%">
				<div align='right'>
					<table id='score' style="FONT-SIZE:9pt" width='284' border='0'>
					<tbody>
					<tr>
						<td width='52'>
							移动：
						</td>
						<td id='moves' width='33'>
							0
						</td>
						<td width='42'>
							灯灭：
						</td>
						<td id='off' width='36'>
							25
						</td>
						<td width='46'>
							灯亮：
						</td>
						<td id='on' width='39'>
							0
						</td>
					</tr>
					</tbody>
					</table>
				</div>
			</td>
			<td width="50%">
				<div align='left'>
					<table style="FONT-SIZE:9pt" width='204'>
					<tbody>
					<tr>
						<td width='54'>
							大小：
						</td>
						<td width='41'>
							<input id='gameSize' style="FONT-SIZE:9pt" size='2' value='10' name='superso.com'>
						</td>
						<td width='97'>
							<input style="FONT-SIZE:9pt" onclick='newGame()' type='button' value='开始游戏'>
						</td>
					</tr>
					</tbody>
					</table>
				</div>
			</td>
		</tr>
		</tbody>
		</table>
		<p align='center'>
			<script>document.write(buildBoard()) </script>
			<br>
		</p>
	</td>
</tr>
</tbody>
</table>
</center></center>
</body>
</html>

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理。

相关文章

开始在上面输入您的搜索词，然后按回车进行搜索。按ESC取消。

返回顶部