Website có hệ thống định hướng tốt sẽ giúp người dùng tìm thấy thông tin cần thiết một cách dễ dàng và nhanh chóng, cộng với một giao diện bắt mắt sẽ làm cho hiệu quả sử dụng được nâng cao hơn. Bài viết này tổng kết 15 hệ thống định hướng sử dụng thư viện jQuery mạnh mẽ làm nền tảng, với giao diện và hiệu ứng đầy sáng tạo cũng như có thể xem là tốt nhất.

Bộ chuyển đổi độ lớn phông chữ cho phép khách truy cập của bạn có thể dễ dàng thay đổi độ lớn của chữ trên trang web chỉ thông qua một cú nhấn chuột. Hiệu ứng này sẽ dùng cookie để lưu trữ thông tin mỗi khi người dùng thay đổi, đoạn mã rất dễ cài đặt và chỉnh sửa cùng với một giao diện sinh động và bắt mắt bởi việc dùng các hình ảnh.

Hiểu về phạm vi (tầm vực) của biến trong lập trình là một nhân tố quan trọng để tương tác với phần còn lại của mã nguồn. Trong nhiều ngôn ngữ lập trình thì điều này khá rõ ràng nhưng trong JavaScript thì điều này khá mơ hồ, do cơ chế xử lí sự kiện và hoạt động các hàm nặc danh, có thể làm bạn trở nên khó chịu.

Bài hướng dẫn này sẽ giúp bạn hiểu rõ hơn về nó cùng với một vài ví dụ JavaScript mẫu và cách thức giao tiếp thông qua các thư viện JavaScript như: jQuery, MooTools, Ext JS.

Trình đơn định hướng - một thành phần không thể thiếu trên mọi website, nhằm giúp người dùng định hướng và truy cập nội dung trên website một cách dễ dàng; cũng như giúp cho việc tiết kiệm không gian của trang web bằng cách dùng các trình đơn dạng xổ dọc hay dạng thẻ, với những website có lượng thông tin cực lớn. Bài viết này nhằm tổng kết giúp bạn mã nguồn JavaScript của các trình đơn định hướng sử dụng jQuery làm nền tảng, với tiêu chí là giao diện và hiệu ứng sinh động, bắt mắt.

Với lượng thông tin dữ liệu cực lớn như hiện nay thì tính năng cuộn để hiện thị từng phần có lẽ là hiệu ứng JavaScript được ưa chuộng nhất, bài viết này nhằm tổng kết và khái quát lại các mã nguồn JavaScript có thể thực hiện tính năng này, cùng với một số đặc điểm của chúng, có lẽ là các hiệu ứng cuộn tốt nhất.

Hiệu ứng JavaScript này cho phép người dùng có thể thực hiện kéo thả các ô nội dung của một bảng biểu trên trang web. Với các bảng có số lượng nội dung lớn thì tính năng trượt tự động sẽ được bật. Và bạn vẫn có thể thiết lập một ô nào đó không được phép kéo thả bằng cách gán một className="forbid".

Đoạn mã này giúp bạn tiết kiệm không gian cho web thông qua một hiệu ứng khá độc đáo: tạo một khung nội dung xổ dọc có thể ẩn/hiện ở phía trên cùng của trang web. Người sử dụng nhấn vào nút nhô ra để kéo khung nội dung xuống, và nhấn thêm một lần nữa tại một vị trí bất kì trong khung để đóng nó lại. Hiệu ứng rất dễ chỉnh sửa và sử dụng, chẳng hạn như chiều cao của khung, nhãn của nút hiển thị, thời gian xuất hiện,...

Website bạn có một hệ thống âm thanh/âm nhạc? Bạn đang tìm một trình chơi nhạc bắt mắt cho website của mình? Bạn là một người hâm mộ các sản phẩm của Apple/iPod? Nếu các câu trả lời của bạn là 'Có' thì hãy sử dụng trình chơi nhạc bằng Flash này, với giao diện là máy nghe nhạc iPod nổi tiếng khắp thế giới, gói giao diện này chứa đến bảy demo. Hãy nổi nhạc lên nào!

Ứng dụng JavaScript này giúp bạn tạo ra các chú thích cho bất cứ đối tượng nào như liên kết, biểu mẫu, bảng biểu,... khi có sự kiện rê chuột đến. Các chú thích này được trang trí bằng cách bo tròn tròn bốn góc và áp dụng hiệu ứng mờ trông rất đẹp. Hiệu ứng sử dụng framework Prototype kết hợp Scriptaculous, được tác giả thiết kế sẵn bốn mẫu trang trí mà bạn có thể dễ dàng thay đổi trong quá trình cài đặt.

Hiệu ứng này giúp bạn chọn một thời điểm nào đó thông qua một cửa sổ popup phụ. Tính năng chọn thời điểm có lẽ không còn xa lạ trên JavascriptBank.com, nhưng bạn có thể dùng đoạn mã này để làm để tạo các hiệu ứng khác mà đòi hỏi sự điều khiển thông qua các cửa sổ phụ.

Lưu ý: vui lòng cho phép chạy popup (và ActiveX nếu bạn dùng Internet Explorer) để xem được hiệu ứng.