Thư viện 1001 chiêu Javascript

arch engine). Nếu muốn, bạn có thể “nhờ” các trang tìm kiếm nổi tiếng như Yahoo!, Infoseek, vv... “ra tay nghĩa hiệp”. Để biết cách kết nối, mời bạn vào thăm website e-Chíp mục JavaScript để tải chương trình về.
- Bắn pháo hoa:
“Bắn pháo hoa” là tiết mục rất hấp dẫn và đẹp mắt, sao bạn không thử lấy chương trình này về  “vọc” thử. Bạn có thể thay đổi các thông số để có những tốc độ bắn, loại “pháo” khác nhau, v.v...
- Menu đa tầng
Bạn có quá nhiều mục lựa chọn cho website của mình? Bạn muốn tiết kiệm tối đa không gian của website? Trình đơn đa tầng (gắn với chuột phải) có lẽ sẽ là giải pháp đơn giản nhất. Bạn có thể thêm vào thoải mái các mục trong trình đơn, vấn đề là phải sắp xếp cho hợp lý.
- Menu xoay
Xin giới thiệu cùng các bạn một “chiêu” khác cũng về cách trình bày menu trên trang web, đó là trình đơn xoay. Người dùng có thể nhấp chuột vào hai nút mũi tên để thay đổi (xoay) trình đơn. Ưu điểm của loại trình đơn này là tính hấp dẫn, lạ mắt. Bạn nên dùng loại trình đơn này nếu như website của bạn . . . còn dư chỗ.
- “Hồi đó” mình sinh vào ngày thứ mấy nhỉ?
Có bao giờ bạn “théc méc” rằng “hồi đó” mình sinh vào ngày thứ mấy trong tuần không? Có thể bạn sẽ dùng một chương trình “lịch vạn niên” để xem lại chẳng hạn, nhưng xem ra chỉ cần một đoạn JavaScript nhỏ là bạn đã giải quyết được vấn đề rồi. Mời bạn ghé thăm website e-chíp mục JavaScript để lấy chương trình về... xài thử.
- Chuột rượt... Gà
Chuyện chú mèo vờn chú chuột chắc là ai cũng biết, còn chuyện chú chuột “dí” gà con là chuyện mới đây thôi. Muốn tìm hiểu mời các bạn ghé thăm website e-Chíp mục JavaScript để tải về. Mỗi lần bạn di chuyển chuột đến gần gà con là gà con “biến” ngay. Hiện tại chương trình chỉ xác định một cờ nhớ để điều khiển 3 vị trí cho gà con. Nếu có thể bạn sửa chương trình để tọa độ gà con là ngẫu nhiên sẽ hấp dẫn hơn.
- Tô sáng liên kết và chú thích
Trên trang web thông thường có rất nhiều các liên kết đến những địa chỉ có nội dung liên quan, hỗ trơ... Việc tô sáng các liên kết khi người duyệt web rê chuột bên trên trở nên phổ biến. Tuy nhiên có một số các liên kết cần được chú thích cho rõ ràng hơn. Xin giới thiệu cùng các bạn một hiệu ứng: tô sáng hình ảnh (có gắn liên kết) đồng thời hiện dòng chú thích kế bên khi người duyệt web trỏ chuột đến. Dòng chú thích sẽ hiện ra trong một khoảng thời gian sau đó từ từ mất đi (fade out).
- Lời chào hỏi thú vị
Những dòng chữ sẽ bay ra màn hình như một màn trình diễn đồ họa tuyệt đẹp. Trên trang web có hướng dẫn chi tiết và mã nguồn, bạn có thể tìm hiểu và thay đổi nội dung cho thích hợp với website của mình hơn.
- Bắn chữ
Dòng chữ “Echip – Tin học như cơm bình dân” sẽ được “bắn xối xả” lên góc trên - trái màn hình. Chương trình cũng đơn giản thôi, các bạn sẽ rất dễ dàng khi tìm hiểu mã nguồn để thay đổi các tham số.
- Dòng chữ vui nhộn
Một “banner” quảng cáo rất sống động và ấn tượng, bảo đảm trang Web của bạn sẽ làm các vị khách “hết hồn” khi ghé thăm. Dòng chữ sẽ được xuất hiện theo hình làn sóng nhấp nhô rất đẹp. Bạn có thể thay đổi nội dung phần văn bản thể hiện trong câu lệnh var theText = "Tin Hoc Nhu Com Binh Dan".
- e-Chíp... bay vào không gian
Những ký tự lần lượt bay vào một không gian bí ẩn và vô tận tương tự như một screen saver của Windows, một hiệu ứng thật đẹp phải không bạn? Ở góc độ lập trình, bạn cũng có thể xem đó là quá trình “vẽ nhỏ dần những ký tự với tọa độ hướng tâm”. Các bạn tải mã nguồn từ Website của e-Chíp và chèn đoạn mã này sau thẻ :
- Tô sáng liên kết (bằng hình ảnh)
Mỗi lần chuyển hướng liên kết trong các Website, thường các liên kết sẽ được gắn với các nút nhấn, hình ảnh, vv Một việc chúng ta thường phải làm là “tô sáng” liên kết đang được chọn (liên kết đang được rê chuột lên). Xin giới thiệu với các bạn một cách “giải quyết” ngắn gọn. Mời các bạn ghé xem và chép chương trình cùng các hình ảnh kèm theo tại Website e-Chíp.
- Chiếc đồng hồ thần kỳ
Trong khi lướt Net, chat với bạn bè, nhiều lúc bạn cũng cần biết múi giờ các nước để còn “tham khảo”. Trong Windows cũng có một đồng hồ vạn năng như thế, thậm chí còn “xịn” hơn nhiều. Tuy nhiên nếu trên Website của mình bạn có cài đặt một chiếc đồng hồ tương tự kể ra cũng lý thú lắm. Tôi xin gởi đến các bạn chưong trình JavaScript hiển thị múi giờ năm châu lục, chương trình khá dài, tuy nhiên bạn có thể tìm hiểu và thay đổi giao diện khá dễ dàng.
- Pháo hoa trên trang Web
Năm hết Tết dến, xin giới thiệu cùng bà con cô bác “tiểu xảo” bắn pháo hoa trên trang Web cho “dzui”. Gọi là “tiểu xảo” vì có nhiều thuật giải và kiểu bắn rất đẹp và phức tạp, tuy nhiên cách đơn giản và dễ thực hiện lại là cách... “tui” trình bày trên Website e-Chíp, xin mời mọi người tải về xem thử.
- Mã nguồn của trang Web
Nhiều trang Web cho phép bạn “lấy” mã nguồn thoải mải (thông qua chức năng View | Source của trình duyệt), tuy nhiên một số trang khác lại “bế quan tỏa cảng” với mọi người. Nếu muốn cung cấp luôn mã nguồn (đặc biệt là trong lĩnh vực đào tạo, giảng dạy), bạn có thể tạo liên kết cho mở thêm một cửa sổ để người lướt Web xem source.
- Dòng chữ lung linh
Bộ lọc (filter) cho rất nhiều hiệu ứng đẹp khi bạn dùng JavaScript để hiển thị các đối tượng. Đoạn chương trình tôi giới thiệu với các bạn làm cho dòng chữ lung linh nhảy múa từ nhẹ đến mạnh... Bạn có thể tải chương trình từ Website của e-Chíp, và hãy thử chỉnh sửa các thông số để xem hiệu ứng thay đổi như thế nào nhé...
- Hiệu ứng “đánh máy” trong hộp văn bản
Những thông tin bạn muốn gởi đến người lướt Web sẽ lần lượt xuất hiện trong một hộp văn bản (textbox) như là đang được đánh máy từng ký tự một. Hiệu ứng này thật đơn giản nhưng lại tăng vẻ sinh động của trang Web. Nếu điều chỉnh co chữ, thay đổi màu sắc “chút xíu”, biết đâu bạn lại có được một bảng quảng cáo điện tử?
- Chơi game trên Web
Trò chơi hứng bóng có luật chơi đơn giản thôi: bạn di chuyển chuột (tương ứng tọa độ chuột, bốn thanh đỡ cũng di chuyển theo) để hứng bóng, nếu bóng chạm các cạnh là bạn mất một bóng. Sau một số lần chạm, các ô vuông sẽ đổi màu và biến mất, khi đó bạn  chiến thắng. Tuy nhiên, nếu mất hết bóng bạn sẽ thua.
Muốn đặt game này vào một liên kết trong trang Web, bạn thêm dòng sau:
Games Hứng Bóng
Chúc bạn thành công!
- Cửa sổ “biết bay”
Một cửa sổ hiện ra và  bay “tùm lum” trên trang Web. Ồ, bạn đừng ngạc nhiên! Cửa sổ này bay theo “quy hoạch” đấy nhé, bạn có thể lập trình chỉnh sửa quỹ đạo bay của nó, cũng đơn giản thôi. Tuy nhiên, công dụng lớn nhất của “chiêu” này chính là thu hút sự chú ý của người lướt Web. Bạn đưa những thông tin thật hấp dẫn vào trong cửa sổ này và thế là xong.
- Sắc màu cho... chú chuột
Để thêm phần sinh động cho Website, xin giới thiệu các bạn một chiêu: thêm màu sắc cho... chú chuột. Tiêu điểm gặp nhau của ba dãy màu Red, Green, Blue chính là con trỏ chuột. Bạn download chương trình từ Website e-CHÍP, chọn View > Source (đối với trình duyệt Internet Explorer) để xem mã nguồn, sau đó chép đoạn mã này rồi dán vào trang Web của mình. Bạn có thể tìm và thay thế màu sắc khác cho phù hợp với mình hơn, chúc các bạn thành công!
- Đồng hồ trên thanh tiêu đề
Trên trang Web, bạn có thể “vọc” thanh trạng thái hoặc thanh tiêu đề để cung cấp thêm thông tin cho người lướt Net. Chương trình viết bằng JavaScript (có trên Website e-CHÍP) sẽ hiển thị một đồng hồ gồm các thông tin Thứ, Ngày, Tháng, Năm, Giờ. Bạn chỉ cần tải về chương trình này, rồi dán đoạn mã vào chương trình của mình, “dzậy là xong rùi” !
- Đặt minigame vào trang Web
Trên đường lướt Net, hẳn hơn một lần các bạn thấy những game nhỏ trên các Website rất hấp dẫn. Với “chút vốn lận lưng” về JavaScript, bạn cũng có thể thực hiện khá nhiều việc, ngay cả xây dựng cho mình một trò chơi nho nhỏ. Xin giới thiệu cùng các bạn ba trò chơi: đoán chữ (góp phần tăng cường khả năng tiếng Anh của bạn), máy đo tình yêu (nhưng tui hổng dám đảm bảo nếu bạn bị người yêu “uýnh” đâu nghen?) và Carô 9 ô – tương tự trò chơi TicTacToe.
- Tạo chữ chạy trong nút lệnh
Có nhiều cách để trang trí nút lệnh, một đối tượng xuất hiện rất nhiều trên các trang Web. Bạn có thể làm cho nó đổ bóng, có hình dạng đặc biệt, vv.... Tôi xin giới thiệu với các bạn đoạn mã Java Script tạo một dòng chữ chạy từ phải sang trái trong nút lệnh. Các bạn tải về ví dụ từ Website của e-Chíp. Để xem mã nguồn, các bạn chọn trình đơn View > Source (đối với trình duyệt Internet Explorer).
- Tạo trình đơn cho chuột phải
Khi nhấp chuột phải vào bất kỳ vị trí nào trong trang Web, bạn sẽ có ngay một trình đơn hiện ra chờ “phục vụ”. Đoạn mã cần được dán vào sau thẻ , bạn có thể “thêm mắm dặm muối” để trình đơn thay đổi về màu sắc và danh sách các liên kết.
- "Nhấn nhá” các loại cho dòng văn bản
Bạn hoàn toàn có thể tạo “hào quang” các kiểu cho dòng văn bản thông qua bộ lọc, các tham số được đưa vào vòng lặp để có hiệu quả “động”. Ví dụ có thể tải về từ trang Web của e-CHÍP. Để xem mã nguồn, bạn chọn View > Source từ trình đơn của Internet Explorer.
- Tạo menu chuyển động
Co