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

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

1，Spry Menu Bar

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



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

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

2，Spry Tabbed Panels

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



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

3，Spry Accordion

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

最新評(píng)論