Video: Adobe Premiere: Bài 3. Tạo hiệu ứng Text bằng hai cách cơ bản 2025
Trong Dreamweaver, hình ảnh cuộn xuống - như tên gọi của nó - được thiết kế để phản ứng khi ai đó cuộn một con trỏ chuột lên một hình ảnh. Ảnh hưởng có thể gây ấn tượng mạnh mẽ như hình ảnh một con chó bị thay thế bởi hình sư tử, hoặc tinh tế hơn khi màu của một từ thay đổi khi một hình ảnh thay thế. Dù bằng cách nào, Dreamweaver bao gồm một hộp thoại đặc biệt cho việc rollovers mà làm cho việc tạo ra một hiệu ứng rollover đơn giản là một trong những hành vi dễ dàng nhất để áp dụng.
Để tạo hình ảnh rollover bằng cách sử dụng hộp thoại Insert Image Rollover của Dreamweaver, hãy làm theo các bước sau:
1. Nhấp để đặt con trỏ lên trang nơi bạn muốn xuất hiện.
Hiệu ứng cuộn xuống yêu cầu ít nhất hai hình ảnh: một cho trạng thái ban đầu và một cho trạng thái rollover. Bạn có thể sử dụng hai hình ảnh khác nhau hoặc hai hình ảnh tương tự, nhưng cả hai đều có cùng kích thước. Nếu không, bạn sẽ nhận được một số hiệu ứng thay đổi lạ vì cả hai hình ảnh phải được hiển thị chính xác trong cùng một không gian trên trang.
2. Chọn Insert -> Image Objects -> Rollover Image.
Hộp thoại Chèn Chép Hình ảnh Cuộn xuống xuất hiện.
3. Trong hộp Tên Hình ảnh, đặt tên cho hình ảnh của bạn.
Trước khi bạn có thể áp dụng một hành vi cho một phần tử, chẳng hạn như một hình ảnh, phần tử phải có một cái tên để tập lệnh hành vi có thể tham chiếu nó. Bạn có thể đặt tên các yếu tố bất cứ thứ gì bạn muốn miễn là bạn không sử dụng dấu cách hay ký tự đặc biệt.
4. Trong hộp Hình ảnh gốc, chỉ định hình ảnh đầu tiên bạn muốn hiển thị. Sử dụng nút Browse để tìm và chọn hình ảnh.
Nếu các hình ảnh chưa có trong thư mục gốc của trang, Dreamweaver sẽ sao chép chúng vào trang web của bạn khi bạn tạo một rollover.
5. Trong hộp Rollover Image, nhập hình ảnh bạn muốn hiển thị khi khách truy cập di chuyển các con trỏ chuột qua hình ảnh đầu tiên.
Một lần nữa, bạn có thể sử dụng nút Browse để định vị và chọn hình ảnh.
6. Chọn hộp kiểm Preload Rollover Image để tải tất cả các hình ảnh di chuột qua vào bộ nhớ cache của trình duyệt khi trang đó được tải.
Nếu bạn không chọn làm bước này, khách truy cập của bạn có thể gặp phải sự chậm trễ vì hình ảnh thứ hai sẽ không được tải xuống cho đến khi một con chuột được cuộn qua hình ảnh ban đầu.
7. Trong hộp Khi được Nhấp chuột, Truy cập vào URL, nhập bất kỳ địa chỉ Web nào hoặc duyệt qua để tìm một trang khác trong trang web của bạn mà bạn muốn liên kết tới.
Nếu bạn không chỉ định một URL, Dreamweaver sẽ tự động chèn dấu # vào như là một trình giữ chỗ.
8. Nhấp OK.
Các hình ảnh được tự động thiết lập như là một rollover.
9. Nhấp vào biểu tượng quả địa cầu ở đầu không gian làm việc để xem trước công việc của bạn trong trình duyệt và kiểm tra cách thức di chuyển.
