tailieunhanh - HTML part 5

Kĩ thuật Hover mà chúng ta nói ở đây sẽ được áp dụng trong các mảng là Hover Button, Hover Text. Để có một cái nhìn rõ ràng , chúng ta sẽ cùng nhau phân tích một web site của Việt Nam và một web site của nước ngoài xem kĩ thuật này được áp dụng ở đâu. Những web site mà chúng ta sẽ đến thăm | Kĩ thuật Hover mà chúng ta nói ở đây sẽ được áp dụng trong các mảng là Hover Button Hover Text. Để có một cái nhìn rõ ràng chúng ta sẽ cùng nhau phân tích một web site của Việt Nam và một web site của nước ngoài xem kĩ thuật này được áp dụng ở đâu. Những web site mà chúng ta sẽ đến thăm đó là http website của NetNam và http website của Microsoft . 1 - Đối với Hover Button chúng ta cùng nhau vào Netnam nghiên cứu Bạn có thể nhận thấy là trước khi chuột trỏ vào Services hình a thì nút này mầu trắng còn sau khi trỏ vào thì nó mầu da cam hình b đây chính là biểu hiện của Hover Button. Hiệu quả của kĩ thuật này là nó đem lại sự sống động cũng như cảm giác nổi của nút. Nguyên tắc để làm được Hover Button rất đon giản nó gần giống với cách làm phim hoạt hình. Ta có thể thực hiện theo các bước như sau Thứ nhất với trường hợp của nút Services bạn cần phải tạo hai file ảnh và . là ảnh mầu trắng như ở hình a còn là ảnh với mầu da cam như ở hình b lưu ý là 2 ảnh này phải có cùng kích cỡ với nhau. Sau đó bạn tạo một trang Html với một đoạn javascript để test như sau html head title Test Hover Button title script -- if if imageion new Image imageloff new Image function turnOn imageName if document imageName .src eval imageName function turnOff imageName if document imageName .src eval imageName -- script head a href onMouseOver turnOn image1 onMouseOut turnOff image1 img name image1 src border 0 a html Neu bạn muốn thêm nút Hover thứ 2 thì chỉ cần làm lại bước một và sau đó chèn thêm các dòng image2on new Image . image2off new Image . và nhớ có chèn thêm lời gọi Hover a href ten file lien ket onMouseOver turnOn image2 onMouseOut turnOff image2 img name image2 src ten file anh Off border 0 a 2 - Hover Text .