10/03/2011
1
Một hiệu ứng JavaScript đơn giản sử dụng thư viện jQuery để thực hiện việc thay đổi ảnh liên tục. Hiệu ứng mờ dần được sử dụng để hiển thị giữa các ảnh, bạn có thể dễ dàng thay đổi các hoạt hóa của hiệu ứng này với các hàm có sẵn của jQuery.
Công dụng của đoạn mã JavaScript này đơn giản chỉ là thay đổi hiển thị (ẩn/hiện) các vùng nhập liệu mỗi khi người dùng nhấn chọn các dấu kiểm tương ứng. Nhưng hiệu ứng JavaScript này được lập trình theo hướng đối tượng (OOP), một ví dụ JavaScript mẫu khá hữu ích để làm quen với JavaScript OOP.
Trong bài viết hướng dẫn sử dụng JavaScript khá ngắn gọn này, Nurani sẽ chỉ bạn cách dùng vài đoạn mã đơn giản để thay đổi kích cỡ chữ trên trang web của mình chỉ với một vài cú nhấn chuộ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 ứng này dùng thuộc tính innerHTML để thay đổi dữ liệu chữ của một đối tượng nào đó. Trong ví dụ này là các liên kết.
Khi thiết kế khuôn mẫu cho website, chúng ta thường cần tạo một vài nội dung linh tinh để đánh giá cách hoạt động và hiển thị của nó, nhưng thường chúng ta chọn cách copy & paste một chuỗi bất kì nào mà ta gặp.
Nhưng nay với hiệu ứng này, chúng ta dễ dàng tạo nội dung ngẫu nhiên gồm các từ khác nhau chỉ qua một cú nhấn chuột. Hiệu ứng định nghĩa sẵn cho bạn bốn khuôn mẫu và bạn có thể thay đổi chúng dễ dàng.
Hãy dùng hiệu ứng JavaScript này để cho phép người dùng thay đổi các kiểu định dạng dữ liệu trên trang web của bạn qua việc cho phép họ chọn các tập tin CSS khác nhau.
Hiệu ứng cho ta khả năng thay đổi thanh trượt của trang web như đổi màu, đổi kích thước...
Hiệu ứng tạo một khung cung cấp cho người dùng khả năng thay đổi chữ trên thanh tiêu đề của trang web mà học đang duyệt.
Hiệu ứng tạo một trình đơn với màu nền của các mục chọn sẽ di chuyển theo con trỏ chuột khi ta rê con trỏ chuột vào.
