Download presentation
Presentation is loading. Please wait.
1
Advanced DHTML, Dynamic CSS
Chapters 17, 18
2
Animating an object Take a look at script to move an object from corner to corner You should have the basic idea from the tractor script shown earlier
3
Other actions Move in a circle Follow the pointer Draggable objects
Simple popup windows (this could be useful); these are also behaviors in Dreamweaver. Move window Resize it
4
Changing Styles There is one example here in Chapter 18 that changes text size. Note Object.style[stylename] = newVal There is another in Chapter 24. You will need to adopt one or the other. Other options here are reading styles from the sheet, and changing classes. A more complete switcher changes the whole style sheet (also consider <link type="text/css" rel="alternate stylesheet" href="other.css"/> which still must be called in the page)
5
Using alternate stylesheets
Here's a script from alistapart.com that makes sure that other stylesheets are disabled, and that stores the style's status in a cookie styleswitcher.js Create alternate stylesheets with titles (no title for the original stylesheet) <link rel="alternate stylesheet" title="fred" href="fred.css"/> Connect to the script below the stylesheets <script type="text/javascript" src="styleswitcher.js"></script> Add event handlers <a href="#" onclick="setActiveStyleSheet ('fred'); return false;">Choose Fred</a> The original article is here.
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.