HTML, XHTML & CSS

Chapter 13: Scripting Web Pages
JavaScript and CSS create this effect by switching between two style sheets:
✓ The sans serif style sheet, sansStyle.css
✓ The serif style sheet, serifStyle.css
Listing 13-1 shows the source code for an example page that contains the
switching mechanism shown in Figure 13-2:
✓ When a user clicks the Sm Sans button on the page, the
styleSwitcher.js script referenced in the element runs
and switches the active style sheet to sansStyle.css. (.js is the file
extension that’s used with JavaScript files, as in the src value for the
script element in Listing 13-1.)
✓ When the user clicks the Lg Serif button, the same script switches to the
serifStyle.css style sheet.
Listing 13-1: Style Switching
Style Changer
@import url(“complexStyle.css”);
Change your font:
Replace this paragraph with your own content.
215