Video: [HOTB] DW - AP Div, Z-index - trang sản phẩm với trạng thái new, hot, discount 2025
Để thêm hiệu ứng mát mẻ và tương tác nghiêm trọng, bạn có thể sử dụng tích hợp Adobe Creative Suite 5 (Adobe CS5) Dreamweaver beh một viors, một bộ sưu tập các kịch bản đã sẵn sàng để sử dụng để bạn có thể áp dụng cho hộp, hình thành các phần tử, văn bản và hình ảnh trên một trang. (AP Divs), các hành vi có thể tăng cường chúng bằng các hiệu ứng đặc biệt hoặc tương tác chuột (chẳng hạn như số lần nhấp và rollovers) để làm cho trang thú vị hơn.
Bảng Behaviors có tính năng hoàn toàn mới tập hợp các hiệu ứng, chẳng hạn như Fade / Appear, Shrink, Highlight, Slide, và nhiều hơn nữa - tất cả đều có thể áp dụng cho AP Divs bạn tạo ra.
-
Chọn Window → Behaviors để mở bảng Behaviors
-
Chọn a bằng cách sử dụng bảng điều khiển AP Elements hoặc chọn một hộp trực tiếp trên sân khấu
-
Trong bảng Behaviors, nhấp vào dấu cộng
Menu của các hành vi có sẵn xuất hiện
-
Từ trình đơn, chọn hành vi bạn muốn áp dụng.
Ví dụ: để áp dụng hiệu ứng mờ, hãy chọn Effects → Appear / Fade. Hộp thoại Xuất hiện / Làm mờ xuất hiện.
Thêm hiệu ứng Xuất hiện / Fade mát cho DIV trên trang của bạn. "> Thêm hiệu ứng Xuất hiện / Fade mát cho DIV trên trang của bạn.
-
Đảm bảo hiệu ứng được đặt thành Fade và chọn hộp kiểm Toggle Effect để đảm bảo hộp xuất hiện lại khi nó được nhấp lần thứ hai. Sau đó nhấn OK.
Các hành vi được thêm vào danh sách. Cụm từ onClick ở bên trái chỉ ra rằng hành động này xảy ra khi hộp được nhấp.
-
Chọn File → Save để lưu trang.
Để xem hiệu ứng trong hoạt động, hãy xem trước trang trong trình duyệt.
-
Chọn File → Preview in Browser và chọn một trình duyệt để khởi chạy trang.
Khi bạn kiểm tra trang, nhấp vào hộp làm cho nó biến mất hoặc xuất hiện lại - rất nhiều niềm vui cho bạn và tương tác cao cho người dùng!
Nếu trình duyệt của bạn đang hạn chế trang web chạy các tập lệnh hoặc điều khiển ActiveX, hãy nhấp vào thông báo ở phía trên cùng của cửa sổ trình duyệt và chọn Cho phép Nội dung bị chặn kiểm tra đúng các hành vi mới.
Khi các hành vi hiệu quả được sử dụng, Dreamweaver cần sao chép vào trang địa phương của bạn một số tệp tin làm cho hiệu ứng có thể.
