Hiệu ứng thay đổi hình ảnh khi đưa chuột vào

Bươc 1: Tạo 2 layer, tại mỗi layer các bạn hãy ấn "Ctrl + R" để đưa bức ảnh mà bạn muốn làm hiệu ứng vào.
Bước 2: Click chọn bức ảnh mà chúng ta đã đưa vào Layer 1, ấn F8 để convert nó sang dạng Movie Clip.

- Trong bảng Properties (nếu chưa thấy hiện ra thì hãy ấn Ctrl + F3) các bạn hãy đặt tên trong ô Instance Name là mc2.

Bước 3: Click chọn Layer 2 (chứa bức ảnh thứ 2 mà bạn đã đưa vào khung trình chiếu Stage). Làm tương tự như bước 2, cũng convert nó sang dạng Movie Clip và điền tên trong ô Instance Name là mc1.
Bước 4: Sau đó đặt đoạn code sau vào frame 1 của Layer 2 (Layer nằm bên trên mà các bạn đã đặt Instance Name là mc1)
mc1.onRollOver = function() {
this.onEnterFrame = function() {
this._alpha = this._alpha-10;
if (this._alpha<=0) {
delete this.onEnterFrame;
}
};
};
mc1.onRollOut = function() {
this.onEnterFrame = function() {
this._alpha = this._alpha+10;
if (this._alpha>=100) {
delete this.onEnterFrame;
}
};
};
Vậy là xong, hãy ấn Ctrl + Enter để kiểm tra kết quả. Chúc các bạn thành công.
Download Source Files (*.Fla) tại đây