Công nghệ flash ngày nay phổ biến trên các trang Internet và ngay cả các quản trị viên web đầy tham vọng cũng đang cố gắng thêm các phần tử flash vào trang web của họ. Ví dụ, thiết kế menu sử dụng công nghệ này sẽ có chức năng và đẹp. Ví dụ: chúng tôi sẽ mô tả cách tạo một nút flash thuận tiện trong Adobe Flash CS4 có thể được đặt trên trang web của bạn và tạo một khối menu dựa trên các nút như vậy.
Hướng dẫn
Bước 1
Chuẩn bị hai tệp đồ họa với hình nền của các nút không có văn bản ở định dạng Jpg, khác nhau ở một vài mảng màu. Sau đó, mở Adobe Flash, tạo một tài liệu mới và chọn Action Script 2.0 từ danh sách.
Bước 2
Mở phần cài đặt và đặt chiều rộng thành 273 pixel và chiều cao là 54 pixel. Nhấp vào nút Nhập trên menu Tệp và chọn Nhập vào thư viện để nhập hai hình ảnh được kết xuất vào thư viện dữ liệu.
Bước 3
Kéo các ảnh đã tải xuống vùng làm việc, nhấn F8, đổi tên một trong các ảnh và trong phần Type, chọn Movie Clip.
Bước 4
Sau đó kéo bức ảnh thứ hai vào vùng làm việc, đổi tên nó và chỉ định cùng một thông số trong phần Type.
Bước 5
Trên mỗi nút, nhập văn bản bạn muốn và nhấn Ctrl + F8 để tạo nút mới. Cửa sổ Biểu tượng Mới sẽ mở ra. Cung cấp tên của nút trong tương lai và chọn Loại nút. Sao chép hình ảnh đã chỉnh sửa đầu tiên ở trên vào vùng làm việc của nút Movie clip đã tạo.
Bước 6
Tạo một Movie Clip mới, cũng nhấn Ctrl + F8 và sao chép kết quả vào vùng làm việc. Tạo một lớp mới và sao chép Movie Clip với hình ảnh thứ hai.
Bước 7
Trên lớp đầu tiên, tạo khung bằng cách lùi lại một chút và chọn tùy chọn Chèn Khung từ menu chuột phải. Lặp lại tương tự trên lớp tiếp theo bằng cách chọn Chèn Khung chính từ menu ngữ cảnh. Chọn khung hình chính đã tạo và mở cài đặt của nó.
Bước 8
Trong phần Hiệu ứng Màu, chọn Kiểu Alpha và đặt giá trị thành 0%. Trong khung đầu tiên của cùng một lớp, đặt giá trị thành Classic Motion Tween.
Bước 9
Trên Màn hình, chọn đối tượng nút và mở Hành động. Dán mã sau vào trường miễn phí: on (release) {
getURL ("aboutme.htm", "_self", "GET");
}
Bước 10
Trong cài đặt, đặt tên cho nút mong muốn. Quay lại cảnh đầu tiên và sao chép đoạn phim, chọn nó và mở lại Hành động. Nhập mã khác trong đó sim_btn là tên nút của bạn: onClipEvent (enterFrame) {
nếu (đi) {
Khung tiếp theo ();
} khác {
preframe ();
}
}
onClipEvent (tải) {
var đi;
dừng lại ();
sim_btn.onRollOver = function () {
go = true;
};
sim_btn.onRollOut = function () {
go = sai;
};
}
Bước 11
Nút xuất bằng cách chọn Xuất phim từ menu Tệp.
