设为首页收藏本站
切换到宽版

SKY外语、计算机论坛

 找回密码
 立即注册

QQ登录

只需一步，快速开始

SKY外语计算机学习»论坛 › 编程开发 › 编程-WEB/网络 › 听了小耳朵的课，写了个汉诺塔的网页版
返回列表 发新帖
查看: 5165|回复: 6
打印 上一主题 下一主题

[jquery] 听了小耳朵的课，写了个汉诺塔的网页版

[复制链接]
rogan

65

主题

3

好友

739

积分

超级版主

Rank: 8Rank: 8

自我介绍
新年第一天据说有雨，全民齐赏日出的计划恐要泡汤。”宋仁宗拍着包拯的肩，“朕决定把你悬挂在城门上。”“但微臣额上的不是太阳是月亮啊！”“没事，挂久一点就会升级成太阳
生肖
虎
星座
狮子座
性别
男

最佳新人 活跃会员 热心会员 推广达人 宣传达人 灌水之王 突出贡献 优秀版主 论坛元老

跳转到指定楼层
楼主
发表于 2012-5-25 21:50:42 |只看该作者 |倒序浏览
本帖最后由 rogan 于 2012-5-25 22:20 编辑

  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  3. <html>
  4.     <head>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf8">
  6.         <title>Untitled Document</title>
  7.         <script src="lib/jquery/jquery-1.4.2.js">
  8.         </script>
  9.         <script language="JavaScript">
  10.             $(document).ready(function(){
  11.                 n = 5;
  12.                
  13.                 for (i = 0; i < n; i++) {
  14.                     $("th:eq(0)").append("<div class='wh" + (n-i) + "'>"+(n-i)+"</div>")
  15.                     
  16.                 }
  17.                 for (i = 0; i < n; i++) {
  18.                     $(".wh" + i).css({"width": 30 * (i + 1) + "px","margin": "0 auto"});
  19.                 }
  20.                
  21.                
  22.                 hannuota(n, 'A', 'B', 'C');
  23.                
  24.                 function hannuota(n, A, B, C){
  25.                     if (1 == n) {
  26.                       alert("将编号为" + n + "的盘子直接从" + A + "柱子移到" + C + "柱子\n");
  27.                                                 $tmp = $("div.wh"+(n));
  28.                                                 $tmp.remove();
  29.                                                 $("th."+C).append($tmp)
  30.                     }
  31.                     else {
  32.                         hannuota(n - 1, A, C, B);
  33.                         alert("将编号为" + n + "的盘子直接从" + A + "柱子移到" + C + "柱子\n");
  34.                                                 $tmp1 = $("div.wh"+(n));
  35.                                                 $tmp1.remove();
  36.                                                 $("th."+C).append($tmp1)
  37.                         hannuota(n - 1, B, A, C);
  38.                     }
  39.                 }
  40. //                alert(str);
  41.             })
  42.         </script>
  43.         <style>
  44.             tr {
  45.                 border: 1px solid #00ff00;
  46.             }
  47.             
  48.             th {
  49.                 width: 200px;
  50.                 height: 300px;
  51.                 vertical-align: top;
  52.                 border: 1px solid #000;
  53.                 text-align: center
  54.             }
  55.             
  56.             div {
  57.                 height: 20px;
  58.                 background: red;
  59.                 margin: 3px;
  60.             }
  61.         </style>
  62.     </head>
  63.     <body>
  64.         <table>
  65.             <tr class="one">
  66.                 <th class="A">
  67.                     A
  68.                 </th>
  69.                 <th class="B">
  70.                     B
  71.                 </th>
  72.                 <th class="C">
  73.                     C
  74.                 </th>
  75.             </tr>
  76.            
  77.         </table>
  78.     </body>
  79. </html>
复制代码
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
分享淘帖0 收藏收藏0 评分评分
回复

使用道具 举报

rogan

65

主题

3

好友

739

积分

超级版主

Rank: 8Rank: 8

自我介绍
新年第一天据说有雨，全民齐赏日出的计划恐要泡汤。”宋仁宗拍着包拯的肩，“朕决定把你悬挂在城门上。”“但微臣额上的不是太阳是月亮啊！”“没事，挂久一点就会升级成太阳
生肖
虎
星座
狮子座
性别
男

最佳新人 活跃会员 热心会员 推广达人 宣传达人 灌水之王 突出贡献 优秀版主 论坛元老

沙发
发表于 2012-5-25 21:52:30 |只看该作者
这个本来是便于自己理解汉诺塔的，发出来供大家讨论下，也是自己练习jquery
回复

使用道具 评分 举报

rogan

65

主题

3

好友

739

积分

超级版主

Rank: 8Rank: 8

自我介绍
新年第一天据说有雨，全民齐赏日出的计划恐要泡汤。”宋仁宗拍着包拯的肩，“朕决定把你悬挂在城门上。”“但微臣额上的不是太阳是月亮啊！”“没事，挂久一点就会升级成太阳
生肖
虎
星座
狮子座
性别
男

最佳新人 活跃会员 热心会员 推广达人 宣传达人 灌水之王 突出贡献 优秀版主 论坛元老

板凳
发表于 2012-5-25 21:57:27 |只看该作者
我的火狐浏览器能够运行
回复

使用道具 评分 举报

流氓

12

主题

5

好友

425

积分

中级会员

Rank: 3Rank: 3

生肖
马
星座
摩羯座
性别
男

最佳新人 活跃会员 灌水之王 论坛元老

地板
发表于 2012-5-26 01:20:33 |只看该作者
本帖最后由 sky_yx 于 2015-12-30 14:15 编辑

你比我快，我java还没有写出来

回复

使用道具 评分 举报

rogan

65

主题

3

好友

739

积分

超级版主

Rank: 8Rank: 8

自我介绍
新年第一天据说有雨，全民齐赏日出的计划恐要泡汤。”宋仁宗拍着包拯的肩，“朕决定把你悬挂在城门上。”“但微臣额上的不是太阳是月亮啊！”“没事，挂久一点就会升级成太阳
生肖
虎
星座
狮子座
性别
男

最佳新人 活跃会员 热心会员 推广达人 宣传达人 灌水之王 突出贡献 优秀版主 论坛元老

5#
发表于 2012-5-26 17:33:58 |只看该作者
我以前就看了汉诺塔的，加上jquery本来就简单，你的代码写好了也让我学习下
回复

使用道具 评分 举报

SKY定格

60

主题

8

好友

1161

积分

金牌会员

Rank: 6Rank: 6

生肖
猴
星座
处女座
性别
男

最佳新人 活跃会员 灌水之王 论坛元老

6#
发表于 2012-6-2 09:22:04 |只看该作者
本帖最后由 sky_yx 于 2015-12-30 14:15 编辑

为什么我打开就三个框框没有盘子呢

你老婆要生了。我要当爹了
回复

使用道具 评分 举报

rogan

65

主题

3

好友

739

积分

超级版主

Rank: 8Rank: 8

自我介绍
新年第一天据说有雨，全民齐赏日出的计划恐要泡汤。”宋仁宗拍着包拯的肩，“朕决定把你悬挂在城门上。”“但微臣额上的不是太阳是月亮啊！”“没事，挂久一点就会升级成太阳
生肖
虎
星座
狮子座
性别
男

最佳新人 活跃会员 热心会员 推广达人 宣传达人 灌水之王 突出贡献 优秀版主 论坛元老

7#
发表于 2012-6-2 17:48:05 |只看该作者
可以到演示地址查看效果，看那个帖子
回复

使用道具 评分 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册


手机版|SKY外语计算机学习 ( 粤ICP备12031577 )    

GMT+8, 2024-4-26 16:40 , Processed in 0.158227 second(s), 26 queries .

回顶部