|
Tương tự như hiệu ứng tuyết rơi, mưa rơi... bạn có thể tạo một hiệu ứng thật đẹp trên trang Web của mình với những chiếc lá nhiều màu sắc, đủ các kích cỡ. Chương trình có trên Website eChíp mục Thư viện JavaScript cùng với các file ảnh đi kèm, mời bạn tải về dùng thử. |
| |
|
Với hiệu ứng bộ lọc, thêm vào một chút tính toán là bạn có ngay các đèn chiếu nhiều màu sắc thật hấp dẫn trên trang Web. Nếu muốn, bạn có thể thêm vào một file âm thanh (nhạc nhảy sôi động chẳng hạn) để làm “nóng” Website của mình. Khi cần thiết, bạn thay đổi thông số về thời gian nháy đèn (không cho nháy đèn ngẫu nhiên) để phù hợp với tiết tấu bài nhạc. |
| |
|
Các dòng chữ sẽ xuất hiện chồng chất lên nhau, sau đó di chuyển theo bốn hướng ra các cạnh màn hình. Bạn có thể dùng hiệu ứng này để làm trang mở đầu, giới thiệu các thông tin quan trọng đến người lướt Web, rất đẹp và hấp dẫn. |
Bạn muốn tìm hiểu các kiểu xuất hiện thực đơn, bảng thông báo động khi rê chuột lên trên liên kết? Chương trình tôi giới thiệu sẽ lướt qua hơn 10 kiểu menu động, trong đó có cả những menu xuất hiện kèm theo hiệu ứng ngẫu nhiên. Tùy theo mục đích sử dụng và phần thiết kế trang trí của Website, bạn có thể tham khảo để chọn cho mình hiệu ứng phù hợp. |
| |
|
Xin giới thiệu cùng các bạn chương trình đo khoảng cách giữa một số thành phố ở các quốc gia. Bạn chọn điểm khởi hành và nơi đến, rồi chọn đơn vị tính ( theo kilomet hay theo dặm) rồi nhấp chuột vào nút “Đo khoảng cách”. |
| |
|
|
|
Để thu hút nhiều khách tham quan vào web của bạn hơn thì bạn nên mở thêm một dịch vụ miễn phí nào đó, tôi xin đề cử dịch vụ thiết kế web. Người lướt Web chỉ cần nhập một vài thông tin là có thể tạo ra một trang Web đơn giản rồi! |
| |
|
Có nhiều cách để chuyển động hình trong Website, cũng như với mỗi cách bạn có thể tạo nhiều đường chuyển động khác nhau. Xin giới thiệu một đoạn Script ngắn tạo chuyển động hình ngẫu nhiên. |
|
|
Xin giới thiệu cùng các bạn hiệu ứng chuyển tiếp đơn giản mà thật đẹp mắt. Mỗi khi người dùng nhấp chuột vào nút “Play” thì “Trang 1” và “Trang 2” sẽ được hoán đổi cho nhau. Bạn cũng có thể cài đặt thêm phần tự chuyển đổi theo thời gian cho trước. |
Đôi lúc bạn tự hỏi chọn màu background cho trang Web của mình như thế nào, và cần đối chiếu hiệu quả giữa một số màu thông dụng... Mời bạn vào Website e-Chíp tải chương trình về dùng thử. Khi bạn rê chuột lên ô màu nào thì background sẽ được đổi ngay thành màu đó, đồng thời giá trị số biểu diễn cho màu vừa chọn sẽ hiện ra bên dưới. |
|
|
Có thể các bạn đã quen thuộc với những dòng chữ hoặc hiệu ứng theo chuột, tôi xin giới thiệu chương trình tạo đồng hồ di chuyển theo chuột. Bạn có thể thay đổi tùy ý dòng chữ xoay bên ngoài ở phần đầu chương trình. |
Nếu e ngại những vị khách khó tính không hài lòng với “skin” của trang Web mình, bạn có thể cho phép họ tự chọn hình nền (background) tùy ý. Mời bạn tải chương trình về dùng thử, sau đó bạn sưu tầm thêm nhiều hình nền đẹp để bổ sung cho chương trình.
| |
|
|
|
Để có một bảng cho phép chuyển đổi giữa các đơn vị đo chiều dài, bạn chỉ cần vào Website e-CHÍP để tải đoạn chương trình này về. Nếu cần bạn có thể chỉnh sửa mã nguồn để có nhiều loại đơn vị tính hơn. |
| |
|
Bạn có thể tạo một album ảnh “tự động” lật từng tờ, khi người lướt Web nhấp chuột vào hình ảnh sẽ dẫn đến một liên kết cụ thể khác ( ở đây tôi đưa người lướt Web đến số báo tương ứng hình trong album). |
| |
|
|
|
Chương trình cho phép bạn tạo phần giới thiệu thật ấn tượng về nhóm thực hiện trang Web, những dòng chữ này sẽ được “cuộn” từ dưới lên. Bạn cũng có thể thay đổi nội dung giới thiệu để biến phần này thành những lời quảng cáo. |
| |
|
Xin giới thiệu cùng các bạn chương trình JavaScript cho phép tham khảo thời gian ở khắp năm châu. Bạn chỉ cần chọn tên thành phố từ năm danh sách cho sẵn của chương trình, thời gian sẽ được hiển thị rất nhanh chóng và rõ ràng. |
| |
|
|
|
Bạn có thể đưa file hình thích hợp vào đoạn mã JavaScript tôi giới thiệu để cuộn hình. Với cách thể hiện này bạn có thể tự tạo một “banner” cho trang Web của mình. |
| |
|
Có nhiều cách giới thiệu nội dung của một liên kết trên Web, mời bạn “xài” thử phương pháp tạo một dòng chú thích trên thanh trạng thái (khi người lướt Web rê chuột lên trên liên kết). |
| |
|
|
|
Khi bạn kéo thanh trượt, hình nền vẫn đứng yên tạo cảm giác chuyển động rất mượt và hấp dẫn. Bạn có thể tham khảo mã nguồn để thay hình ảnh thích hợp hơn cho Website của mình. |
| |
|
Các hình ảnh liên kết sẽ chuyển động liên hồi khi bạn rê chuột vào khung ảnh. Hiệu ứng này gây sự chú ý đặc biệt đến người lướt Web và giúp trang Web bạn sinh động hơn. |
| |
|
|
|
Cho phép người dùng tự chọn màu sắc thể hiện văn bản, màu nền cũng là một điều lý thú phải không bạn? Bạn có thể thay đổi giao diện khác đi theo ý thích của mình và tăng thêm số màu thể hiện cho phong phú hơn. |
| |
|
Các bạn hẳn đã quen với các hiệu ứng nền động như mưa rơi... sao bạn không vào website e-CHÍP để tải chương trình này về dùng thử? Chỉ cần kết hợp vài hiệu ứng là bạn có ngay một... hồ cá các loại trên Web rồi! |
| |
|
|
Các liên kết “nóng” thường dùng được đưa vào một khung thể hiện rất tiện lợi và rõ ràng đối với người lướt Web. Khi rê chuột đến liên kết nào đó, một mũi tên đỏ  sẽ nhấp nháy ngay trước liên kết. |
| |
|
Khi bạn rê chuột lên liên kết, một số dòng chữ ( nội dung tùy ý như lời chú giải, thậm chí dòng quảng cáo,vv...) sẽ hiện lên mờ ảo, rất nhẹ nhàng mà vẫn gây sự chú ý đối với người lướt Web. |
| |
|
|
|
Bạn đã bao giờ truy cập vào một menu của trang web bằng cách nhấp phải chuột chưa ? Đoạn mã JavaScript sau đây ứng dụng định vị động của HTML đối với đối tượng lớp (ở đây là 1 menu). |
| |
|
Có nhiều hình thức để tạo liên kết để dẫn đến các Website khác. Bạn có thể sử dụng menu chuột phải, các liên kết trực tiếp, vv... Xin giới thiệu cùng các bạn một phương pháp rất dễ dàng và rõ ràng (về mặt giao diện đối với người sử dụng): cho phép người lướt Web lựa chọn các liên kết, rồi sau đó nhấp chuột vào nút thực hiện. |
| |
|
|
|
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. |
| |
|
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. |
| |
|
- 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ử. |
| |
|
|
|
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ự. |
| |
|
- 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. |
| |
|
|
|
- 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”. |
| |
|
- 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. |
| |
|
|
|
- Đô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. |
| |
|
- 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. |
| |
|
- 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. |
| |
|
|
|
Đ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. |
| |
|
- 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ó. |
| |
|
|
|
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. |
| |
|
- 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ề. |
| |
| - 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. |
| |
|
|
|
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. |
| |
|
- 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! |
| |
| - Á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”. |
| |
|
|
|
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? |
| |
|
- 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. |
| |
| - 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... |
{--} Javascript - DONG CHU NHAY MUA VA XOAY THEO CURSOR - Suu tam boi Mr HOT
© 2004 Sưu tầm bởi Mr HOT.
| 
Trang Chính
TRANG CHỦ >VÔ ĐI<
Gallery
Tìm kiếm
Đăng ký
Đăng Nhập
Tạo mã HTML tự động
music
>freedomain zô đi
lời góp ý
trợ giúp làm Web
XEM BÓI !
Danh ngôn tình bạn
hỗ trợ chèm nhạc
góc HMT
bộ môn đại học
bản đồ chi tiết HN