<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>汉诺塔</title>
<style type="text/css">
*{margin:0;padding:0;}
#bd{position:fixed;top:50%;left:50%;width:800px;height:200px;margin:-100px 0 0 -400px;}
.pillar{position:relative;margin-left:200px;float:left;width:4px;height:200px;background:#000;}
.pillar:before{position:absolute;bottom:-20px;left:-2px;}
.pillar p{position:absolute;bottom:0;left:0;}
#A:before{content:'A';}
#B:before{content:'B';}
#C:before{content:'C';}
.disk{display:block;background:#f60;margin-top:1px;height:10px;}
</style>
</head>
<body>
<div id="bd">
<div class="pillar" id='A'>
<p></p>
</div>
<div class="pillar" id='B'>
一个用JS实现的简单的汉诺塔
最新推荐文章于 2024-07-05 20:20:47 发布