Đây là ví dụ mẫu của bài viết Tạo khung tìm kiếm dạng thẻ với CSS và JavaScript. Chỉ với một vài dòng mã lệnh, bạn sẽ tạo được một khung tìm kiếm dạng thẻ đơn giản trên website của mình.

Có bao giờ bạn thấy một trang web không dùng bất kì mã JavaScript nào nhưng vẫn thực hiện hiệu ứng ẩn/hiện nội dung sau khi nhấn chuột? Thật không thể tin được nhưng đó lại là sự thật, hãy kiểm tra hiệu ứng CSS này để xem tác giả đã làm điều đó như thế nào :).

Hiệu ứng này sẽ tạo ra các khung chứa nội dung của bạn với các đường viền đổ bóng rất đẹp mà không dùng bất cứ hình ảnh nào. Bạn có thể sử dụng các định dạng đường viền khác nhau trên cùng một trang.

Đoạn mã CSS này sử dụng thuộc tính hover để gạch chân các liên kết khi người dùng rê con trỏ chuột đến, một kĩ thuật đơn giản nhưng đang rất thịnh hành hiện nay để tô sáng liên kết. Tuy nhiên, điểm đặc biệt của đoạn mã CSS này nằm ở chỗ hình ảnh được sử dụng - các mũi tên di chuyển liên tục, nên khá vui nhộn. Một đoạn mã rất thích hợp với các website có nội dung là truyện tranh, chuyện cười, vui nhộn,...

Đoạn mã này tạo một trình đơn dạng tab trên trang web bằng cách sử dụng CSS. Một hiệu ứng khá đẹp và bắt mắt mà đơn giản.

Hiệu ứng JavaScript này sử dụng hình ảnh cho việc trang trí nền của trình đơn.

Bằng cách dùng CSS, bạn có thể tạo ra nhiều con trỏ chuột khác nhau trên trang web của mình. Đây là bộ sưu tập đầy đủ các con trỏ chuột mà IE6+ hỗ trợ cùng với phần hướng dẫn cách thay đổi các con trỏ chuột tùy vào các sự kiện.

Một đoạn mã JavaScript khác để tạo trình đơn hai cấp ở phía đỉnh của trang web.

Một đoạn mã JavaScript CSS đơn giản để tạo một trình đơn sinh động và bắt mắt trên trang web.

Đoạn mã này sẽ hiển thị chú thích dạng mờ dần cho các liên kết trên trình đơn khi người dùng rê con trỏ chuột đến. Rất dễ dùng và chỉnh sửa.