Tham khảo tài liệu ''hướng dẫn nhập môn html phần 7'', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả
Kĩ thuật Hover mà nói áp dụng mảng Hover Button, Hover Text Để có nhìn rõ ràng , phân tích web site Việt Nam web site nước xem kĩ thuật áp dụng đâu Những web site mà đến thăm : http://www.netnam.vn (website NetNam) http://www.microsoft.com/ms.htm (website Microsoft) - Đối với Hover Button vào Netnam nghiên cứu Bạn nhận thấy trước chuột trỏ vào Services (hình a) nút mầu trắng, cịn sau trỏ vào mầu da cam (hình b), biểu Hover Button Hiệu kĩ thuật đem lại sống động cảm giác nút Nguyên tắc để làm Hover Button đơn giản, gần giống với cách làm phim hoạt hình Ta thực theo bước sau: [+] Thứ với trường hợp nút Services bạn cần phải tạo hai file ảnh : ServicesOn.gif ServicesOff.gif ServiceOn.gif ảnh mầu trắng hình a, cịn ServicesOff.gif ảnh với mầu da cam hình b, lưu ý ảnh phải có kích cỡ với [+] Sau bạn tạo trang Html với đoạn javascript để test sau: Test Hover Button Nếu bạn muốn thêm nút Hover thứ cần làm lại bước sau chèn thêm dòng image2on = new Image(); image2off = new Image(); nhớ có chèn thêm lời gọi Hover: - Hover Text , vào thăm www.microsoft.com Ngược lại với Hover Button, chuyên sử dụng đồ hoạ để thực hiện, Hover Text lại sử dụng text để thể kĩ thuật Phải nói web site Microsoft tận dụng triệt để Hover Text, tất trang site bạn tới thăm thấy xuất Hover Text Cũng tương tự Hover Button, Hover Text hiệu ứng bạn di chuột vào liên kết liên kết đổi mầu, liên kết phóng to ra, hiệu ứng tuỳ thuộc vào bạn Bạn đặt câu hỏi có Hover Button đặt Hover Text làm cho phiền phức Thật Hover Button hạn chế, site bạn có số liên kết dùng Hover Button để tạo hiệu ứng, gặp trường hợp trang bạn có độ hai chục liên kết khác cài đặt Hover Button làm cho trang web bạn thêm rắc rối đặc biệt thời gian lâu để tải ảnh Một số website tinh tế thường Hover Button liên kết chính, mang tính bao trùm, liên kết tham chiếu tới trang khác cài đặt Hover Text ta thử cài đặt Hover Text, mà ta di chuột vào liên kết đổi sang mầu đỏ Bạn hay thử chạy xem trang html : Test Hover Text Http://www.microsoft.com - Tới thăm Microsoft Http://www.netnam.vn - Tới thăm Netnam Như bạn thấy điểm mấu chốt Hover Text sử dụng CSS (Cascading Style Sheet) Trong đoạn style ta định nghĩa mầu liên kết xanh navy, font kiểu normal Khi chuột trỏ vào liên kết liên kết có mầu đỏ font kiểu chữ đậm Chúng ta thay đổi giá trị mầu sắc tuỳ theo hoàn cảnh cụ thể - Một bàn luận khác với Hover Trên bàn tới cách làm Hover Button Hover Text với java script, cách dễ hiểu rõ ràng Ngồi bạn dùng frontpage để tạo Hover Với frontpage bạn dễ dàng tạo Hover có giao diện dễ hiểu Nhưng hạn chế lại nặng nề cách tạo frontpage dùng applet dùng script, nên lên tải lên mạng người dùng sử dụng thấy cảm giác trang web tương đối chậm chạp điều kiện tốc độ Internet Việt Nam khơng mang tính kinh tế Các web site Việt Nam hầu hết có sử dụng kĩ thuật Hover, bạn vào thăm www.vnn.vn www.fpt.vn để nghiên cứu kĩ Dynamic HTML Định nghĩa: Ngôn ngữ Đánh dấu Siêu Văn Động (Dynamic Hypertext Markup Language) phiên mở rộng HTML JavaScript, ngôn ngữ dùng để tạo trang thông tin World Wide Web Dynamic HTML có vị trí văn đồ hoạ xác cho phép nội dung trang Web thay đổi người dùng nhấn, kéo hay trỏ vào nút, hình ảnh hay thành phần khác trang ... Dynamic HTML Định nghĩa: Ngôn ngữ Đánh dấu Siêu Văn Động (Dynamic Hypertext Markup Language) phiên mở rộng HTML JavaScript, ngôn ngữ dùng để tạo trang thông tin World Wide Web Dynamic HTML có... cài đặt Hover Text, mà ta di chuột vào liên kết đổi sang mầu đỏ Bạn hay thử chạy xem trang html : Test Hover Text < /html> Nếu bạn muốn thêm nút Hover