Reviewing More DHTML Effects from the Scriptaculous DHTML Library
(Page 1 of 4 )
If you’re looking for a straightforward guide on how to use the DHTML effects that come with the Scriptaculous framework, then look no further. Welcome to the second installment of the series that began with “A Close Look at Scriptaculous DHTML Library." Comprised of three parts, this series shows you how to create core and combined visual effects with this powerful JavaScript package, and how to use them easily with your own web pages.
Introduction
To quickly refresh the topics covered in the first article of the series, let me remind you that I explained how to implement some of the core DTML effects that come integrated with the Scriptaculous framework (by the way, you may want to download its source files at http://www.script.aculo.us). I covered some of the most popular animation effects, such as “Opacity,” “Scale” and “MoveBy.”
However, as I stated in the beginning of this series, this excellent JavaScript library is indeed very extensive and comes equipped with many more visual effects. These effects can be included in any web document either by using your own JavaScript routines or via the Prototype package. As you saw in the hands-on examples shown in the preceding article, I used a Prototype-based approach to create the effects in question. You can easily utilize your favorite DOM scripts to work with this software package.
Well, at this point I should assume that setting up some core effects with Scriptaculous is already a familiar process to you. Therefore, over the course of this second part of the series I’m going to keep demonstrating not only how to build a few more “basic” effects bundled with this library, but also how to create combinations of them, so you can have a broader range of possibilities to choose the animation that best suits your needs.
With the preliminaries out of ther way, let’s learn more DHTML effects that are included with Scriptaculous. Let’s get going!
Next: Working with the Highlight effect >>
More DHTML Articles
More By Alejandro Gervasio
