📄 puzzle.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=utf-8" />
<title>PUZZLE***PUZZLE</title>
<script language="javascript">
function getID(oObject)
{
var id=oObject.id;
id=parseInt(id)
checkUp(id)
checkDown(id)
checkLeft(id)
checkRight(id)
}
function change(a,b)
{
var s1=a.firstChild.src
var s2=a.firstChild.id
a.firstChild.setAttribute("src","images/0.jpg");
a.firstChild.setAttribute("id","0");
b.firstChild.setAttribute("src",s1);
b.firstChild.setAttribute("id",s2);
}
function checkUp(obj)
{
if(obj>3)
{
var x= document.getElementsByTagName('td')[obj]
var u= document.getElementsByTagName('td')[obj-4]
var p=parseInt(u.firstChild.getAttribute("id"))
if(p==0)
{
change(x,u)
}
}
}
function checkDown(obj)
{
if(obj<12)
{
var x= document.getElementsByTagName('td')[obj]
var u= document.getElementsByTagName('td')[obj+4]
var p=parseInt(u.firstChild.getAttribute("id"))
if(p==0)
{
change(x,u)
}
}
}
function checkLeft(obj)
{
if(obj%4 != 0)
{
var x= document.getElementsByTagName('td')[obj]
var u= document.getElementsByTagName('td')[obj-1]
var p=parseInt(u.firstChild.getAttribute("id"))
if(p==0)
{
change(x,u)
}
}
}
function checkRight(obj)
{
if(obj%4 != 3)
{
var x= document.getElementsByTagName('td')[obj]
var u= document.getElementsByTagName('td')[obj+1]
var p=parseInt(u.firstChild.getAttribute("id"))
if(p==0)
{
change(x,u)
}
}
}
</script>
<style type="text/css">
<!--
.style1 {
font-size: x-large
}
.style16 {color: #7A7879}
.style22 {color: #9999CC}
-->
</style>
</head>
<body>
<table border="" align="center">
<tr>
<td id="0" onclick="getID(this)" ><img src="images/1.jpg" id="1" /></td>
<td id="1" onclick="getID(this)" ><img src="images/5.jpg" id="5"/></td>
<td id="2" onclick="getID(this)" ><img src="images/9.jpg" id="9" /></td>
<td id="3" onclick="getID(this)" ><img src="images/14.jpg" id="14"/></td>
</tr>
<tr>
<td id="4" onclick="getID(this)" ><img src="images/3.jpg" id="3" /></td>
<td id="5" onclick="getID(this)" ><img src="images/10.jpg" id="10"/></td>
<td id="6" onclick="getID(this)" ><img src="images/6.jpg" id="6" /></td>
<td id="7" onclick="getID(this)" ><img src="images/2.jpg" id="2" /></td>
</tr>
<tr>
<td id="8" onclick="getID(this)" ><img src="images/7.jpg" id="7"/></td>
<td id="9" onclick="getID(this)" ><img src="images/13.jpg" id="13"/></td>
<td id="10" onclick="getID(this)" ><img src="images/4.jpg" id="4" /></td>
<td id="11" onclick="getID(this)" ><img src="images/8.jpg" id="8" /></td>
</tr>
<tr>
<td id="12" onclick="getID(this)" ><img src="images/12.jpg" id="12"/></td>
<td id="13" onclick="getID(this)" ><img src="images/15.jpg" id="15" /></td>
<td id="14" onclick="getID(this)" ><img src="images/11.jpg" id="11"/></td>
<td id="15" onclick="getID(this)" ><img src="images/0.jpg" id="0"/></td>
</tr>
<tr>
<td colspan="4" align="center"><div align="center" class="style1"><span class="style16">Created <span class="style22">&</span> Design by</span>: <span class="style22">Milad Miri</span></div></td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -