这棵js树里面的原理是什么?

这棵js树里面的原理是什么?

问题描述:

http://jsbin.com/idala这棵js树里面的原理是什么?

它是如何实现的?

+2

你能问一个更通用的问题吗?它在Javascript中实现! – Oded 2009-12-30 08:02:00

+0

这不是一个真正的问题。你可以通过在URL中加入'/ edit'来查看jsbin页面的源代码:http://jsbin.com/idala/edit – 2009-12-30 11:49:51

JavaScript使用x,y坐标,数组和css位。你必须仔细分析它以了解它是如何工作的。当然你应该对javascript有很好的理解。 :)

创建者使用javascript prototype feature(不是流行的Prototype framework)创建名为chrisTree的圣诞树类。

有落实执行树的“图纸”,以及动画的方法:

  • 动态创建DOM元素来表示树木
  • 操纵的CSS样式
  • 使用setTimeout触发动画效果的方法
  • 等等

干得不错!

  1. 创建绝对定位的div元素,使其显示为树。

  2. 的setTimeout用来点亮的div

  3. 颜色被存储在一个阵列

可以使用下面的链接查看代码和理解正在做什么

http://jsbin.com/idala/edit