Thư viện Javascript II

- Chữ quay nhiều hướng

Các dòng chữ chuyển động bao giờ cũng làm trang web của bạn thêm sinh động và lôi cuốn. Xin giới thiệu cùng các bạn một hiệu ứng quay chữ nhiều hướng. Bạn có thể thay nội dung dòng chữ rồi đặt trục quay ở góc trên-trái website là thích hợp nhất.
http://echip.com.vn/echiproot/javascript/chu_quay.html

- Chữ nhảy múa

Hiệu ứng này phù hợp cho việc thiết kế một trang giới thiệu cho website của bạn. Trước hết dòng chữ vừa uốn lượn vừa di chuyển ngang màn hình, sau đó các ký tự sẽ lần lượt rơi xuống đáy màn hình như một cơn mưa ngập tràn màu sắc vậy.
http://echip.com.vn/echiproot/javascript/dance_text.html

- Các dạng Cursor

Đây là một chương trình demo các hình dáng của trỏ chuột, từ đồng hồ cát, bàn tay, dấu hỏi, vv... Các bạn có thể vào website e-Chíp mục Thư viện JavaScript để tải chuơng trình về dùng thử.
http://echip.com.vn/echiproot/javascript/hinh_dang_cursor.htm

- Hiệu ứng banh rơi

Trái banh sẽ dội xuống đáy màn hình (điểm bắt đầu ở vị trí bạn nhấp chuột) và nảy lên, độ cao giảm dần cho đến khi chuyển động dừng hẳn. Bạn có thể áp dụng hiệu ứng rất đẹp mắt này cho một dãy các ký tự.
http://echip.com.vn/echiproot/javascript/hieuungbanhrot.zip

- Menu di chuyển được

Giữa nhiều loại menu trên trang Web, menu di chuyển được có một vị trí “không đụng hàng”. Để bắt đầu di chuyển menu, bạn nhấp chuột vào thanh tiêu đề, sau đó “thả” menu đến vị trí mới bằng cách nhấp đúp chuột.
http://echip.com.vn/echiproot/javascript/menudichuyen.html

- Vẽ biểu đồ

Biểu đồ trong Office thật đơn giản phải không bạn, tuy nhiên tôi muốn giới thiệu với các bạn một cách thể hiện biểu đồ trên trang Web dùng JavaScript. Các bạn có thể nhập thẳng số liệu vào các ô nhập liệu, sau đó nhấp chuột vào nút “vẽ”, thế là xong!
http://echip.com.vn/echiproot/javascript/bieudo.zip

- Đồng hồ đeo tay

Đồng hồ gắn trên các website thường là “điện tử” (không có kim) hoặc là dạng đồng hồ “treo tường”, tôi xin giới thiệu với các bạn một chiếc đồng hồ đeo tay rất dễ thương, ngoài chức năng báo giờ (đương nhiên) nó còn báo luôn thứ mấy trong tuần, ngày mấy trong tháng...
http://echip.com.vn/echiproot/javascript/donghodeotay.zip

- Cổ động viên Ai-Ti

Còn đây là cổ động viên nhiệt tình và vô tư nhất, bạn có thể gắn cổ động viên này lên bất kỳ trang web nào. Nếu muốn cổ vũ lần nữa bạn chỉ cần nhấp chuột vào nút nhấn cạnh hình là xong, lúc này bạn có thể thưởng thức một màn biểu diễn hoạt ảnh bằng các ký tự ráp lại.
http://echip.com.vn/echiproot/javascript/Codong.htm

- Xem mã màu

Đây là chương trình cho phép bạn có được mã RGB từ các màu thường gặp, bạn có thể thêm sáng, hoặc cho màu gốc tối đi. Nếu muốn, bạn cũng có thể gõ trực tiếp các thông số RGB (theo dec hoặc hex) để xem thử hiệu quả màu mình chọn.
http://echip.com.vn/echiproot/javascript/Xemmamau.zip

- Đồng hồ JavaScript

Xin giới thiệu cùng các bạn một chiếc đồng hồ có vẻ đẹp rất cổ điển. Bạn hoàn toàn có thể "treo" chiếc đồng hồ này lên trang Web của mình.
http://echip.com.vn/echiproot/javascript/dongho.zip

- Ẩn - hiện logo

Cho logo của mình xuất hiện cố định trên Website đôi lúc cũng nhàm chán, bạn có thể thử cho logo bay "lòng vòng" trên trang quảng cáo. Logo sẽ chợt ẩn chợt hiện nên không làm "rối" tầm nhìn của người lướt Web.
http://echip.com.vn/echiproot/javascript/LogoHideShow.zip

- Tạo hiệu ứng cho liên kết

Bạn có thể thêm nhiều ý nghĩa hơn cho các liên kết bằng cách hiển thị thêm hình và/hoặc logo của Website được liên kết. Hình ảnh sẽ được hiện ra khi người lướt Web trỏ chuột vào liên kết.
http://echip.com.vn/echiproot/javascript/taohieuungcholienket.zip

- Dòng chữ xoay quanh con trỏ chuột

Dòng chữ xoay quanh con trỏ chuột là một hiệu ứng phổ biến trên các trang Web và có nhiều cách thực hiện. Nếu để ý bạn sẽ thấy khi di chuyển chuột thì dòng chữ cũng uốn lượn theo những đường cong đặc trưng (ở các Script khác nhau).
http://echip.com.vn/echiproot/javascript/MouseRotateText.htm

- Không gian ảo

Tương tự hiệu ứng "mưa rơi". Tuy nhiên, bạn thay đổi hướng di chuyển thành trái-phải hoặc phải-trái, đồng thời tạo ra các mức tốc độ di chuyển khác nhau (nhằm tạo chiều sâu như không gian 3 chiều, ở tốc độ bằng nhau vật thể ở gần trông như chuyển động nhanh hơn). Như vậy là trang Web của bạn xem như được đặt vào một không gian huyền ảo rồi đó.
http://echip.com.vn/echiproot/javascript/Vutru.htm

- Lịch để bàn kết hợp đồng hồ

Nếu trên bàn làm việc có một bộ lịch “khuyến mãi” đồng hồ thì quá thuận tiện phải không các bạn? Mời các bạn vào website e-Chíp để tải chương trình về.
http://echip.com.vn/echiproot/javascript/lichdeban.html

- Menu động

Menu cho trang web được thiết kế với màu sắc trang nhã, dễ theo dõi. Khi bạn di chuyển chuột đến một mục nào trong menu, chú gà con - “linh vật” của e-Chíp sẽ bay theo. Bạn chỉ cần tìm một góc thích hợp để trình bày menu này trên trang web của mình thôi.
http://echip.com.vn/echiproot/javascript/dynamicmenu.zip

- Hồ cá “Java”

Screensaver – trình bảo vệ màn hình đôi khi còn giúp chúng ta có những giây phút thư giãn với các hình ảnh hết sức tuyệt vời đi kèm. Xin giới thiệu cùng các bạn một “hồ cá” thật dễ thương mô phỏng các Screensaver để “ngâm cứu”.
http://echip.com.vn/echiproot/javascript/hoca.zip

- Khung hình di động

Tương tự thủ thuật soi hình, tuy nhiên bạn phải làm cho khung hình trong suốt để tăng độ hấp dẫn. Khách thăm website của bạn sẽ nhấp và giữ chuột trái, sau đó di chuyển chuột để xem hình ảnh (hay nội dung) bên dưới.
http://echip.com.vn/echiproot/javascript/khung.zip

- Đôi mắt lém lỉnh...

Bạn hãy thử tải đoạn JavaScript này về rồi thử xem, khi bạn di chuyển chuột đến đâu, đôi mắt sẽ “liếc” theo đến đó. Chỉ khi nào bạn di chuyển chuột ra ngoài vùng thể hiện của trang web thì đôi mắt này mới bị “ngoài vùng phủ sóng” thôi.
http://echip.com.vn/echiproot/javascript/eyes.zip

- Chữ quay chong chóng

Xin giới thiệu cùng các bạn một hiệu ứng đơn giản: cho một dòng văn bản xoay tròn như chong chóng, với kích thước to dần. Bạn chỉ nên dùng đoạn mã này khi website bạn có không gian trình bày và bạn muốn nó thêm phần sinh động.
http://echip.com.vn/echiproot/javascript/chuquay.html

- Rồng vàng

Bạn có bao giờ thấy một đoạn text bay lượn trên trang web trông như chú “Rồng Vàng” chưa? Mời các bạn vào website e-Chíp mục Thư viện JavaScript để lấy chương trình này về. Rất đẹp mắt đó bạn.
http://echip.com.vn/echiproot/javascript/textdragon.htm

- Liên kết... đẹp như trong phim

Đoạn mã JavaScript được sử dụng để truyền các thông số cho một JavaApplet, các liên kết di chuyển trông như đoạn phim đang chiếu. Hiệu quả thật tuyệt vời phải không các bạn? Mã nguồn ngắn gọn và rất đơn giản, bạn chỉ cần thay đổi các liên kết cho phù hợp với website của mình.
http://echip.com.vn/echiproot/javascript/hieuungfilm.zip

- Tạo hiệu ứng cho liên kết

”Dân” làm web luôn cố gắng gây ấn tượng đối với khách tham quan “ngôi nhà” trên mạng của mình. Do đó các hình ảnh và liên kết thường được chăm chút kỹ để tạo nét hấp dẫn riêng. Xin giới thiệu cùng bạn một chiêu: “nổ tung” tên liên kết bay ra thành nhiều hướng khi trỏ chuột vào nó.
http://echip.com.vn/echiproot/javascript/lienket2.html

- Thế giới quay

Xin giới thiệu cùng các bạn một bản đồ “kỹ thuật số” hấp dẫn. Muốn phóng to hay thu nhỏ bạn chỉ cần nhấp chuột vào hai nút tương ứng (nằm bên cạnh bản đồ). Các bạn có thể xem mã nguồn chương trình để tìm hiểu và thay đổi tỷ lệ phóng, cũng như góc xoay theo ý muốn.
http://echip.com.vn/echiproot/javascript/bandoquay.html

- Chữ ngược

Hiệu ứng chữ ngược (đổ bóng cho chữ) rất đơn giản mà thật hiệu quả. Nếu kết hợp cùng việc làm nhòe khung hình, bạn sẽ có thêm hiệu ứng “soi mặt hồ” thật đẹp. Bạn có thể vào website eChíp mục “Thư viện JavaScript” để tải mã nguồn về.
http://echip.com.vn/echiproot/javascript/chunguoc.htm

- Làm bảng quảng cáo

Với vài cách thể hiện (cuộn hình từ trái sang, từ trên xuống, đan lưới các ô vuông, vv...) và kết hợp chúng cùng nhau, bạn đã có đoạn mã JavaScript ngắn nhưng “đủ xài” để làm “banner” quảng cáo. Những hình ảnh sinh động này luôn tăng sự hấp dẫn cho trang web, đồng thời bạn cũng có thể gởi thêm thông tin cho người lướt web.
http://echip.com.vn/echiproot/javascript/chuquangcao.htm

- Thần tình yêu trên... trang web của bạn

Nhiều hình ảnh của vị thần tình yêu sẽ bay... lơ lửng trên trang web của bạn. Tuy nhiên bạn có thể thay đổi số lượng hình ảnh, tốc độ di chuyển hình,vv... thật dễ dàng ( chương trình có chú thích chi tiết các thông số ). Kỹ thuật di chuyển ảnh dùng “layer” này cũng thường được sử dụng trong các minigame viết bằng Javascript trên mạng, bạn thử tìm hiểu xem.
http://echip.com.vn/echiproot/javascript/thantinhyeu.zip

- Quảng cáo... mờ ảo

Bạn từng thấy các dòng quảng cáo khá bắt mắt trên những trang web? Thay vì phải dùng những phần mềm tạo chữ “nhảy múa” 3D phức tạp (tất nhiên chất lượng hình ảnh cao hơn) và mất khá nhiều thời gian, bạn có thể sử dụng những bộ lọc “có sẵn” trong Javascript. Đơn giản hơn nhiều mà hiệu quả cũng... được lắm!
http://echip.com.vn/echiproot/javascript/quangcao.htm

- Ánh đèn sân khấu

Chú gà e-Chíp đang “hăm hở” dưới ánh đèn sân khấu... thật đẹp và hấp dẫn phải không bạn? Hiệu ứng đèn “follow” chiếu theo từng vùng trên ảnh đích có thể sẽ làm ngạc nhiên và gây ấn tượng với những vị khách tham quan website của bạn. Chương trình có thể tải về từ website e-Chíp mục “Thư viện Javascript”.
http://echip.com.vn/echiproot/javascript/anhdensankhau.zip

- Phóng to và thu nhỏ ảnh

Bạn chỉ cần rê chuột lên các mục “Phóng to”, “Bình thường”, hay “Thu nhỏ” để điều chỉnh kích cỡ ảnh. Thật thuận tiện và đơn giản phải không bạn?
http://echip.com.vn/echiproot/javascript/zoom.zip

- Xoay hình

Nếu bạn đã thiết kế một logo cho mình và đặt lên trang web thì tại sao bạn không thử cho logo đó xoay ở một góc màn hình nhỉ? Bạn có thể tải về và tìm hiểu đoạn chương trình tôi giới thiệu rồi cải tiến cho phù hợp với trang web của bạn. Công đoạn sau cùng chỉ là... thay đổi logo mới thôi.
http://echip.com.vn/echiproot/javascript/imgxoay.zip

- Soi ảnh trên Web bằng... kính lúp

Xin giới thiệu với các bạn một “chiêu” hấp dẫn: dùng kính lúp soi ảnh trên web. Người lướt web dùng chuột để “nắm” kính lúp và khi chuột di chuyển, kính lúp sẽ soi theo, phần ảnh phóng to tương ứng hiển thị gần bên. Đây là một hiệu ứng rất độc đáo và công phu, mong là các bạn sẽ thích...
http://echip.com.vn/echiproot/javascript/kinhlup.zip


- Con trỏ chuột

Có rất nhiều các trang trí cho con trỏ chuột ( đồng hồ, chữ, hình ảnh xoay quanh, vv...) và độ sinh động của chúng đối với người lướt web cũng rất khác nhau. Xin giới thiệu với các bạn một “chiêu” về con trỏ chuột khá hấp dẫn: các quả bóng “dí” theo tọa độ chuột, đồng thời xoay vòng tạo ra những chuyển động rất đẹp mắt và hấp dẫn.
http://echip.com.vn/echiproot/javascript/controchuot.zip

- Đổi màu cho thanh cuộn

Bạn thích trang trí lại thanh cuộn với màu sắc bắt mắt hơn? Rất đơn giản, chỉ cần hơn 10 dòng lệnh JavaScript, bạn có thể dễ dàng thay đổi màu sắc các thành phần trong thanh cuộn “made in tự tui” rồi.
http://echip.com.vn/echiproot/javascript/scrollbar.html

- Chữ xoay quanh chuột

Bạn đã biết cách gắn một dòng văn bản (text) vào “đuôi chuột”, bạn đã biết cách tạo dòng chữ chuyển động mô phỏng không gian ba chiều (3D), sao bạn không thử kết hợp hai công đoạn này với nhau? Mời bạn ghé thăm website e-Chíp mục “Thư viện JavaScript” để tải mã nguồn chương trình “Chữ xoay quanh chuột 3D” về xài thử.
http://echip.com.vn/echiproot/javascript/textarround.html






ww_______________(¯)
.../###########/@\
../###########/= =\Ngôi
..¶¯¯¯¯¯¯¯¯¯¯¯¯¯ ¶¯¯¯¯¶Nhà Buồn
..¶«¶¯¶-¶¯¯¶-¶¯¶» ¶~~~¶chỉ có Tôi .. | - -
..¶ ^.^¶ - - -¶Love¶
..¶____¶____¶____¶____¶,"