Chapter 13
Working with CSS and Graphics
In This Chapter
Editing styles
Employing images
Executing JavaScript animations
Developing a slideshow
“To achieve style, begin by affecting none.”
— E.B. White, The Elements of Style
Once you understand how to manipulate the DOM objects using JavaScript, web pages change from static documents into interactive applications that can respond to user input, change without reloading, and deliver live data to a variety of different computing devices.
Using the Style Object
The DOM’s Style object is a powerful tool for making a web page change its look and adapt in real time to user input or current browser conditions. The Style object gives programmers access to CSS style properties for any selected element or collection of elements in a document. (For more on the basic rules and syntax of CSS, see Chapter 1.)
Some of the things that you can do with the Style object are
- Change text colors to highlight keywords entered into search boxes
- Animate an object after a user clicks on it
- Change the border and background color of the part of ...