アイギスドット図鑑

by zohnam

HTML

<link rel="stylesheet" href="https://rawgit.com/kbwood/svg/master/jquery.svg.css">
<script src="https://rawgit.com/kbwood/svg/master/jquery.svg.min.js"></script>
<div id='units' style='position:relative'></div>

CSS

.image00 {
	position : relative;
	background-image: url("00.png");
}
.image01 {
	position : relative;
	background-image: url("01.png");
}
.image02 {
	position : relative;
	background-image: url("02.png");
}
.image03 {
	position : relative;
	background-image: url("03.png");
}
.image10 {
	position : relative;
	background-image: url("10.png");
}
.image11 {
	position : relative;
	background-image: url("11.png");
}
.image12 {
	position : relative;
	background-image: url("12.png");
}
.image13 {
	position : relative;
	background-image: url("13.png");
}
.image20 {
	position : relative;
	background-image: url("20.png");
}
.image21 {
	position : relative;
	background-image: url("21.png");
}
.image22 {
	position : relative;
	background-image: url("22.png");
}
.image23 {
	position : relative;
	background-image: url("23.png");
}
.unit_frame {
	position : relative;
	float : left;
	width : 100px;
	height : 100px;
	font-size : small;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
}
.unit_frames {
	position : relative;
	float : left;
	cursor : pointer;
	width : 100px;
	height : 100px;
	font-size : small;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
}
.unit {
	clear : both;
}
table td{
	width : 100px;
	height : 100px;
	border : 1px solid gray;
}

JavaScript

units = [];
units =...