Dreamweaver CS3 Integrated Spry effects Graphics tutorial _dreamweaver

In the context of today's Web2.0, Ajax-Popular era, Adobe's lightweight Ajax framework spry, especially when Spry is integrated into Dreamweaver CS3, is certainly the most exciting.

Excluding spry XML data interactions and spry-related window components related to user interaction the first thing to get users started with is the Ajax visuals that Spry brings. dreamweaver CS3 Click the related button to easily add visual transitions to page elements so that they widen selection, contraction, fade, highlight, and so on.

1,spry Menu Bar

Use this button to create a horizontal or vertical Web page drop-down or pop-up menu, the Spry Framework integrated Sprymenubar.js script file does not require us to write menu pop-up code, while menu columns are based on Web-standard HTML structure, easy to edit.



Landscape Menu Test Address: http://www.dreamweavercs3.cn/demo/spry/spry_01.html

Portrait menu Test Address: http://www.dreamweavercs3.cn/demo/spry/spry_02.html

2,spry tabbed Panels

The tab feature is no stranger to Windows operating system users, but it is not easy to implement this feature on a Web page, and now it can be done quickly with spry tabbed panels, and in Dreamweaver CS3 can be edited directly by selecting the contents of each main tab.



Test Address: http://www.dreamweavercs3.cn/demo/spry/spry_03.html

3,spry Accordion

We have used QQ chat software, when the choice of "QQ friends", "QQ Group" or "recent contact", click the name can be free up and down freely open the selected content and the entire window will not change. Again, in Web apps, we've racked our brains for these "QQ menus," and now, using spry accordion, it's easy to fix.