網頁設計教程-第9章(編輯修改稿)
2024-09-11 20:43 本頁面
【文章內容簡介】 行為不只是影響時間軸中的對象，它可以影響頁面上的任何對象。在瀏覽器中預覽時間軸以查看該行為如何工作。用戶不能在 Dreamweaver中預覽該行為。 為時間軸附加行為 ? 利用 【 播放時間軸 】 和 【 停止時間軸 】 動作，可以讓用戶通過單擊鏈接或相應的按鈕來開始和停止時間軸。這些動作也可以在用戶鼠標經過鏈接、圖像或其他對象時自動開始或停止。 ? 要使用 【 播放時間軸 】 和 【 停止時間軸 】 動作，具體操作如下。 ? (1) 取消時間軸上的 【 自己播放 】 復選框，單擊 【 時間軸 】 面板上行為通道中的幀。 ? (2) 如圖 ，選擇 【 窗口 】 |【 行為 】 命令，打開 【 行為 】 面板。單擊【 行為 】 面板上的“ +”按鈕，并從如圖 【 播放時間軸 】 命令，這時會打開如圖 。 ? (3) 從對話框中的 【 播放時間軸 】 下拉列表中選擇需要播放的時間軸為“ Timeline1”。 ? (4) 單擊 【 確定 】 按鈕確定操作，查看默認事件是否是用戶需要的事件。如果該事件不是用戶所需的，可以從彈出的事件菜單中選擇事件為“ onclick”。 ? (5) 單擊 【 行為 】 面板上的“ +”按鈕，并從如圖 【 停止時間軸 】 命令，這時會打開如圖 。 為時間軸附加行為 圖 打開 【 行為 】 面板 圖 選擇 【 播放時間軸 】 命令 為時間軸附加行為 圖 【 播放時間軸 】 對話框 圖 【 停止時間軸 】 對話框 為時間軸附加行為 ? (6) 從對話框中的 【 停止時間軸 】 下拉列表中選擇需要停止的時間軸為“ Timeline1”。 ? (7) 單擊 【 確定 】 按鈕確定操作，查看默認事件是否是用戶需要的事件。如果該事件不是用戶所需的，可以從彈出的事件菜單中選擇事件為“ OnDbclick”。 ? 在對時間軸對象使用了 【 播放時間軸 】 和 【 停止時間軸 】 動作后，保存文檔，然后在瀏覽器中預覽效果。圖 為單擊層后動畫開始沿著軌跡運動。如果再次雙擊這個層將停止時間軸的播放。 為時間軸附加行為 圖 單擊層播放時間軸動畫 控制時間軸的行為 ? 利用 【 轉到時間軸幀 】 動作，可以將使時間軸跳到某指定幀上。 【 時間軸 】 面板中的 【 循環(huán) 】 復選框的作用就是在動畫的最后一幀上添加 【 轉到時間軸幀 】 動作，使其跳到第一幀并重新開始動畫。 ? 要使用 【 轉到時間軸幀 】 動作，其具體操作如下。 ? (1) 單擊 【 時間軸 】 面板上行為通道中的第 50幀。 ? (2) 選擇 【 窗口 】 |【 行為 】 命令，打開 【 行為 】 面板。 ? (3) 單擊 【 行為 】 面板上的“ +”按鈕，并從如圖 【 轉到時間軸幀 】 命令，這時會打開如圖 。 ? (4) 在 【 時間軸 】 下拉列表中，可以選擇需要添加行為的一條時間軸。然后在 【 前往幀 】文本框中，輸入幀名為“ 40”。 ? (5) 如果希望 【 前往幀 】 和當前幀之間的時間軸部分產生循環(huán)，可以在 【 循環(huán) 】 文本框中輸入循環(huán)的次數(shù)為“ 4”。 ? (6) 單擊 【 確定 】 按鈕確定操作，查看默認事件是否是用戶需要的事件 OnFrame10。 ? 在對時間軸對象使用了 【 轉到時間軸幀 】 動作后，保存文檔后在瀏覽器中預覽效果如圖。當打開這個網頁后，動畫層在運動到第 50幀位置時，這時位置如圖 (a)所示，然后轉到第 40幀的位置，這時位置如圖 (b)所示，并重復 4次。 控制時間軸的行為 圖 【 轉到時間軸幀 】 對話框 控制時間軸的行為 (a) (b) 圖 控制時間軸的播放 用插件實現(xiàn)層動畫效果 ? 讓層漂浮在窗口的固定位置 ? 利用插件實現(xiàn)滑動的層 用插件實現(xiàn)層動畫效果 ?插件可以用于拓展 Dreamweaver的功能。在 Dreaweaver中可以利用各種插件實現(xiàn)層的動畫效果。比如：讓層按照特殊的路徑運動、讓層漂浮在窗口的固定位置、制作精美的滾動看板、讓層跟著鼠標運動、實現(xiàn)層的過渡效果等。這一節(jié)將介紹如何利用插件在Dreaweaver中實現(xiàn)幾種層的動畫效果。 讓層漂浮在窗口的固定位置 ? 在 Dreamweaver中，可以使用 Nirvana Floating Layer (漂浮在天堂的層 )插件方便地制作漂浮在窗口固定位置的層。在任何情況下，該層都保持在窗口的固定位置。 ? 要使用 Nirvana Floating Layer插件，其具體操作如下。 ? (1) 從網上下載 Nirvana Floating ，獲得該插件。 ? (2) 啟動插件管理器，并安裝 Nirvana Floating ，如圖 Nirvana Floating 插件。 ? (3) 此插件是一個命令插件，重新運行 Dreamweaver 8，即可在 【 命令 】 菜單中看見 Nirvana Floating Layer命令。如圖 ，選擇【 命令 】 | Nirvana Floating Layer命令。這時會出現(xiàn)如圖 的對話框。 讓層漂浮在窗口的固定位置 圖 安裝 Nirvana Floating 讓層漂浮在窗口的固定位置 圖 選擇 Nirvana Floating Layer命令 讓層漂浮在窗口的固定位置 圖 Persistent Scrolling Layer對話框 讓層漂浮在窗口的固定位置 ? (4) 在 Top Posit
環(huán)評公示相關推薦
鄂ICP備17016276號-1