在如今Web2.0盛行、AJAX流行的時代背景下，Adobe公司的輕量級的AJAX框架Spry，尤其是當(dāng)Spry集成到Dreamweaver cs3時，這無疑是最令人興奮的。

排除與用戶交互有關(guān)的Spry XML數(shù)據(jù)交互和Spry相關(guān)窗口組件不談，最先讓用戶上手的就是Spry所帶來的Ajax視覺效果了。在Dreamweaver cs3單擊相關(guān)按鈕就可以輕松地向頁面元素添加視覺過渡, 以使它們擴(kuò)大選取、收縮、漸隱、高光等等。

1，Spry Menu Bar

使用該按鈕可以創(chuàng)建橫向或縱向的網(wǎng)頁下拉或彈出菜單，Spry框架集成的SpryMenuBar.js腳本文件無需我們來編寫菜單彈出代碼，同時，菜單欄目均采用基于Web標(biāo)準(zhǔn)的HTML結(jié)構(gòu)形式，編輯方便。



橫向菜單測試地址：http://www.dreamweavercs3.cn/demo/spry/spry_01.html

縱向菜單測試地址：http://www.dreamweavercs3.cn/demo/spry/spry_02.html

2，Spry Tabbed Panels

對于Windows操作系統(tǒng)用戶來說，選項(xiàng)卡功能并不陌生，但要在網(wǎng)頁中實(shí)現(xiàn)該功能確不是很輕松，現(xiàn)在借助Spry tabbed panels可以很快完成，并且在Dreamweaver CS3中可以直接選擇各個主選項(xiàng)卡內(nèi)的內(nèi)容進(jìn)行編輯。



測試地址：http://www.dreamweavercs3.cn/demo/spry/spry_03.html

3，Spry Accordion

我們都使用過QQ聊天軟件，當(dāng)選擇“QQ好友”、“QQ群”或“最近聯(lián)系人”時，單擊該名稱就可上下自由滑開所選擇的內(nèi)容而整個窗口不會發(fā)生變化。同樣，在網(wǎng)頁應(yīng)用中，我們曾經(jīng)為這些的“QQ菜單”而絞盡腦汁，現(xiàn)在，使用Spry accordion輕松搞定。

最新評論