用html5模拟的汉诺塔

最新推荐文章于 2024-08-06 18:58:51 发布

chen46311973

最新推荐文章于 2024-08-06 18:58:51 发布

阅读量2.5k

点赞数

分类专栏： html5 文章标签： html5 汉诺塔

本文链接：https://blog.csdn.net/chen46311973/article/details/46772249

版权

博主利用html5的拖动功能，创建了一个简单的汉诺塔模拟程序。这是他的实践过程记录，欢迎交流讨论。

摘要由CSDN通过智能技术生成

今天学习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

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chen46311973

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用html5模拟的汉诺塔

今天学习html5拖动的时候突然想到可以用html5来模拟个汉诺塔，说做就做。以下是我的实现，比较简单勿喷，不过欢迎指正和探讨 .container{border:solid 1px black;width:200px; height:200px; padding:10px;} .hanoi{border:solid 1px b
复制链接

扫一扫