Каков принцип внутри этого дерева js?

Question

http://jsbin.com/idala

Как это реализовано?

Answer 1

Javascript, используя координаты x, y, массивы и бит css. Вы должны тщательно проанализировать его, чтобы понять, как это работает. Конечно, у вас должно быть хорошее понимание javascript. :)

Answer 2

Создатель использовал javascript prototype feature (не популярный Prototype framework), чтобы создать класс Рождественской елки с именем chrisTree.

Существуют методы, реализованные для выполнения «рисунок» дерева, а также анимацию по:

• Динамическое создание элементов DOM для представления деревьев
• Манипуляция стилей CSS
• Использование setTimeout Способ эффекта анимации запуска
• и т.д. и т.п.

Хорошая работа!

Answer 3

1. Создание элементов div, которые абсолютно расположены так, что они отображаются как дерево.

2. SetTimeout используется, чтобы осветить дивы

3. Цвета хранятся в массиве

Вы можете просмотреть код, используя следующую ссылку и понять, что делается

http://jsbin.com/idala/edit