-
1 # 豬
-
2 # 知情達理天空Vdp
在 Dreamweaver（DW）中制作滾動圖片，你可以使用以下步驟：
1. 創建一個新的 HTML 文件：打開 Dreamweaver，點擊 "文件" > "新建"，創建一個新的 HTML 文件。
2. 添加 HTML 結構：
a. 在文檔中插入一個 `<div>` 元素，設置其 `id` 屬性，例如 `scroll-container`。這個容器將用於存放滾動圖片。
b. 添加一個 `<img>` 元素，設置其 `src` 屬性，指向你要滾動的圖片。例如：`<img src="your-image-url.jpg" alt="描述">`。
3. 添加 CSS 樣式：
a. 為 `<div>` 元素添加樣式，設置其寬度和高度，例如 `width: 400px; height: 300px;`。
b. 為 `<img>` 元素添加樣式，設置其寬度和高度，例如 `width: 100%; height: 100%;`。這使得圖片會自動調整以適應容器。
4. 添加 JavaScript 代碼：
a. 在文檔的 `<head>` 標籤內，添加以下 JavaScript 代碼：
```javascript
<script>
var scrollContainer = document.getElementById("scroll-container");
var img = document.getElementById("your-image-id");
function scrollImg() {
img.style.left = -img.offsetWidth + "px";
setTimeout(scrollImg, 30);
}
scrollImg();
</script>
```
b. 替換 `your-image-id` 為實際的圖片元素 `id`。
5. 預覽效果：
a. 保存 HTML 文件，然後在瀏覽器中打開它。
b. 你應該能看到滾動圖片效果。如果需要調整滾動速度，可以修改 `setTimeout` 函數中的延遲時間（以毫秒為單位）。
通過以上步驟，你可以在 Dreamweaver 中制作滾動圖片。在實際操作中，你可以根據需要調整圖片、容器和滾動速度等參數。希望這些建議對你有所幫助。如有其他問題，請隨時提問。
回覆列表
要在DW中制作滾動圖片，首先要創建一個新的網頁，並插入一個滾動圖片的容器，然後在容器中插入多張圖片。
接下來，選擇“屬性檢查器”中的“外觀”選項，設置滾動圖片的寬度、高度和邊距。
然後在“行為”選項中選擇“滾動”並設置滾動速度和方向。
最後，保存並預覽網頁，確保滾動圖片能夠正常顯示。這樣就可以在DW中制作滾動圖片了。