今天学习html5拖动的时候突然想到可以用html5来模拟个汉诺塔,说做就做。以下是我的实现,比较简单勿喷,不过欢迎指正和探讨
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<style type="text/css">
.container{border:solid 1px black;width:200px; height:200px; padding:10px;}
.hanoi{border:solid 1px black; padding:5px;}
#hanoi3{width:150px; height:150px;}
#hanoi2{width:100px; height:100px;}
#hanoi1{width:60px; height:60px;}
</style>
<script type="text/javascript">
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("Text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("Text");
var droper = do