Đang chuẩn bị liên kết để tải về tài liệu:
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 www.netnam.vn website của NetNam và http www.microsoft.com ms.htm 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 ServicesOn.gif và ServicesOff.gif . ServiceOn.gif là ảnh mầu trắng như ở hình a còn ServicesOff.gif 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 window.focus self.focus if document.images imageion new Image imagelon.src servicesOn.gif imageloff new Image imageloff.src servicesOff.gif function turnOn imageName if document.images document imageName .src eval imageName on.src function turnOff imageName if document.images document imageName .src eval imageName off.src -- script head a href services.html onMouseOver turnOn image1 onMouseOut turnOff image1 img name image1 src ServicesOff.gif 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 .