Dreamweaver 圖片輪播效果

圖片輪播是一個相當常用的網頁特效，但要使用圖片輪播，一定得用JavaScript再搭配CSS，才能實作出圖片輪播的特效！Dreamweaver內建的Bootstrap組件就有提供輪播(Carousel)，內容包含幻燈片、控制項及指示器等等，只要４個步驟就能製作出複雜的輪播效果，讓我們跟著以下步驟操作吧！
一、 在Dreamweaver中新建一個Bootstrap檔案，Bootstrap CSS選擇「新建」且不包含預先建立的版面。
二、 將滑鼠游標停留在body標籤中，點選插入面板，來源選擇「Bootstrap組件」，點選「Carousel」，就會自動產生預設的輪播範本。
三、 將預設的輪播圖片修改為自己想要呈現的畫面。
四、 最後調整文字及樣式效果，就可以輕鬆完成具有RWD設計的輪播效果囉！
以上是關於「Dreamweaver 圖片輪播效果」的製作方法，這麼實用的小撇步，您一定要學會喔！

- 回415期電子報主頁 -
財團法人中華民國電腦技能基金會版權所有，未經確認授權，嚴禁轉貼節錄
 TEL：02-2577-8806 ‧ FAX：02-2577-8135 服務信箱： [email protected]