DHTML Demostraciones del uso de DOM/Style

Proyecto de ejemplos DOM Mozilla

Esta p谩gina contiene una lista de ejemplos DOM basados en sus diversas caracter铆sticas. La lista incluye demostraciones para eventos DOM, DOM Core, DOM HTML y mucho m谩s.

Animaci贸n y manipulaci贸n de elementos de texto

Animaci贸n 3D en tiempo real

Esta demostraci贸n muestra c贸mo usar JavaScript y DOM para animar un conjunto de im谩genes para crear un efecto de animaci贸n 3D.

Demostraciones DOM (Requiere navegador que interprete DOM 1 y 2)

Estilo DOM: Recortar y posicionar elementos con la interfaz JavaScript DOM

Esta demostraci贸n est谩 optimizada para funcionar con Mozilla porque usa im谩genes PNG con canal alpha. Demuestra el uso de interfaces DOM para establecer el valor de las propiedades de posici贸n y recorte de los elementos DIV.

Eventos DOM 1 y DOM 2: Arrastrar y redimensionar un elemento usando DOM

Esta muestra requiere un navegador compatible con eventos DOM 1 y DOM 2. Ha sido probado con Netscape 7.x/Mozilla.

DOM 1 y DOM 2: Manipulando din谩micamente una tabla de elementos

Esta demo requiere un navegador que soporte la especificaci贸n DOM 1 y DOM 2, como Netscape 7.x o Mozilla. Usa los eventos DOM 2 del rat贸n para proporcionar un interfaz que puede manipular din谩micamente los elementos de la tabla.

Controles multiplataforma

Windowing API: La ventana DHTML de BrainJar

BrainJar's DHTML Windows es un control (widget) que muestra c贸mo a帽adir ventanas DHTML din谩micas en una aplicaci贸n DHTML.

Stock Ticker

Stock Ticker proporciona un objeto reutilizable que puede adaptarse para monitorizar (mediante una l铆nea en movimiento) valores financieros en cualquier navegador que soporte el est谩ndar DOM.

Recursos adicionales para aprender DOM

Cruzando una tabla HTML con JavaScript e Interfaces DOM

Una visi贸n general sobre los m茅todos DOM de nivel 1 y de c贸mo usarlos mediante JavaScript. Estas notas t茅cnicas cubren los m茅todos del n煤cleo, que son los que permiten la creaci贸n y manipulaci贸n din谩mica de los elementos de marcado mediante JavaScript.

DOM Central

Aprenda m谩s acerca de W3C DOM.

Visita GetElementById.com

GetElementById.com contiene scripts DHTML y tutoriales que emplean W3C DOM. Descubre la demo Zoom Intro y otras magn铆ficas demostraciones y scripts DOM.

La categor铆a W3C DOM en DMOZ.ORG

Esta categor铆a contiene notas t茅cnicas, tutoriales y otros muchos recursos relacionados con JavaScript y W3C DOM.