網路新聞滾滾而來

    可控制的滾動新聞不同於自動的捲軸，它是通過按鈕控制移動的，當你把滑鼠放在按鈕上時，新聞內容就會向上或向下滾動。我們可以在www.moond.com/main.htm上看到這種效果，這種效果一直被很多網友所鐘愛，目前網路中大多數的可控制新聞欄的製作都是通過Javascript指令碼來實現的，其實，我們利用DW的層、時間軸以及行為擴充功能就完全可以實現這類效果。需要說明的是，在製作之初，你必須確定已經下載使用了“時間軸擴充外掛程式”，它可以讓我們實現層反向移動的效果。

    製作步驟：

    1. 首先我們需要搭建一個頁面的架構，以用來圈定層所在的位置，這些都是通過表格的組織來完成的，這裡不做詳細介紹。組織好架構後，將游標置入表格中，選擇“Insert-Layer”插入一個層，然後選定該層，在屬性面板中指定其寬、高，最後在Clip中分別指定L、T、R、B四項的數值（需要瞭解的是：L代表層與頁面左側的距離，T代表層與頁面頂部的距離，R代表層與頁面右側的距離，B代表層與頁面底部的距離。）。由於我們將層嵌套在表格中時並未做任何移動，這就表示該層是絕對位置的，所以，L與T的值為0，R與B的值指定為層的寬、高。

    2. 將游標置入層1中，再次選擇“Insert-layer”插入一個新層，即層2，這個層是層1的子層，它的寬度數值與層1相同，高度數值隨意，可以即將插入的文本長度為依據。

    3. 在層2中輸入需要的文字。

    4. 按右鍵層2，在彈開的列表中選擇“Add　timeline”，這個層將被自動加入到時間軸中，預設的幀數量為15幀。

    5.選定位於第15幀中的層2，在屬性面板中改變T項目數值，這個數值可自訂，但多數情況下是以層的高度為依據的。也就是說層有多高，就在T項目中輸入多大的負數數值，本例中層2高度為196，那麼T項目的數值就是-196.

    注意：負值代表層向上移動，正值代表層向下移動。

    6. 選定代表向下移動的圖片，首先在屬性面板的Link項目中為它指定一個空串連，或者輸入一個“#”號即可。然後開啟Behaviors面板，按下“+”號，在行為列表中選擇“Timeline-paly　timeline”。這時DW會自動彈出一個名為“Play　timeline”的對話方塊，在這裡選擇“Timeline1”。

    7. 這時返回到行為面板中，我們會看到有了一個動作項目，選中這個動作，中間會出現一個向下的三角形，點擊它，在彈開的動作列表中選擇“Onclick”。見圖6.

    8. 選擇代表向上滾動的圖片，加入空串連後，在行為列表中為它指定Timeline選項中的Play　timeline　Reverse行為。同樣的，按照第七步的方法，指定在這個圖片上產生的滑鼠動作為Onclick.這表示當我們點擊這個圖片時，時間軸將反向移動。

    9. 全部都完成了！按下F12鍵看看這個效果吧！

    小提示：

    你或許很討厭瀏覽器右側的捲軸隨著層的移動而上下滾動！現在告訴你一個解決的辦法：切換到代碼編輯狀態，在標籤中寫入如下這段代碼就可以了：style=〃overflow-Y：hidden〃，這段代碼可以屏蔽掉Y軸滾軸條。屏蔽X軸滾軸條的方法一樣，即是：style=〃overflow-X：hidden〃。但是，這隻適用於頁面高度為100%的頁面，如果你的頁面很長，就不需要用它了。</