CG 數位學習網 > Dreamweaver 教學



Spry

出現與淡出 ( Appear / Fade )

行為 > 效果 > 出現∕淡出。

 

擠壓 ( Blind )

行為 > 效果 > 擠壓。

 

放大或縮小 ( Grow / Shrink )

行為 > 效果 > 放大∕縮小。

 

Highlight。

Shake。

Slide。

Squish。

 

Spry 選單列 ( MenuBar )

選單列又稱為導覽列,許多公司的網站都使用選單列的設計( 例如 Adobe、Autodesk、Microsoft 網站 )選單列將相關的超連結放在一起,比較不佔用網頁的版面,而且訪客也更容易找到想瀏覽的網頁,選單列是一種網頁上常見的設計。

您可使用 Dreamweaver 建立 Spry 選單列,首先選擇水平或垂直的選單列。

 

網頁上新增了 Spry 選單列的預設項目,接著可以利用屬性面板修改選單列的項目。

 

接著編輯選單的文字與連結位址。

 

Spry 選單列的功能必須配合外部 JavaScript 程式、CSS 樣式表與影像檔才能正常顯示,Dreamweaver 將提醒您記得將 資料夾上傳到網站伺服器。

 

 

 

Spry 標籤面板 ( TabbedPanels )

標籤面板是 Yahoo!、PCHome 等入口網站的首頁常用的版面設計。

 

Spry 折疊式 ( Accordion )

使用滑鼠點選時可展開或折疊的導覽列。

 

可收合面板 ( CollapsiblePanel )

使用滑鼠點選時可展開或收合的面板。

 

Spry 工具提示

滑鼠移到文字或圖片時將會出現提示,請參考以下範例:

http://www.videocopilot.net