Đoạn JavaScript trên website e-Chíp sẽ giới thiệu với các bạn trình đơn biết “nhúc nhích” liên tục, và đổi cách thể hiện liên kết khi bạn trỏ chuột về phía nó.. - Kết hợp các trang tì[r]
(1)Thư viện 1001 chiêu Javascript Hướng dẫn:
* Dùng phím Ctrl + chuột trái để xem, tải
* Những liên kết tải nhấn” Save
* Những liên kết tải (SAVE) mà dạng html, bạn dùng menu: view -> Source để lấy code Chúc bạn thành cơng Phù phù phù
HTTP://maithienchanh.violet.vn hân hạnh đón chào quý khách + thành viên - Cây thư mục
Đây đoạn JavaScript nhỏ giúp bạn tạo mục lục dạng "cây thư mục" đơn giản - Hình ảnh 3D ảo
Đoạn mã giúp tạo hiệu ứng 3D - Bộ tìm kiếm đơn giản
Bạn muốn tạo trang tìm kiếm riêng cho website mà không cần hỗ trợ website khác, bạn chẳng biết tí chút ngơn ngữ lập trình web như: PHP, ASP, CGI Vậy xin mời bạn vào website e-Chip để download tìm kiếm viết JavaScript về, sau theo hướng dẫn bạn tự tạo cho trang tìm kiếm theo phong cách riêng bạn
- Background ấn tượng
Bạn làm trang Web có ảnh thật ấn tượng với bước: chọn hình (chân trời) sẫm màu, mô thêm hiệu ứng mưa rơi, cuối cho xuất ngẫu nhiên hình tia sét Chúc bạn thành công!
- Hiệu ứng Batman
Mời bạn tải chương trình tạo hiệu ứng “batman” dùng thử Tương tự hiệu ứng chuột khác, dơi bay lượn quanh vị trí trỏ chuột Nếu muốn bạn giữ nguyên mã nguồn thay đổi hình ảnh cho hợp với trang Web
- Quay hình
Với số logo có sẵn, tơi xin giới thiệu đoạn mã xoay vịng hình ảnh Bạn thay vđo logo trang Web mnh đặt vị trí thể góc trái, đẹp “huyền bí”, chúc bạn thành cơng!
- Trắc nghiệm trực tuyến
Bạn cần làm trắc nghiệm nho nhỏ để kiểm tra lại kiến thức mnh vđi lĩnh vực? Mời bạn dùng thử chương trnh “Trắc nghiệm trực tuyến” Bạn cần thay đổi nội dung câu hỏi, đáp án mời bạn bè “thi đấu” tính điểm trang Web mnh
- Ngoài rơi đầy
Tương tự hiệu ứng tuyết rơi, mưa rơi bạn tạo hiệu ứng thật đẹp trang Web với nhiều màu sắc, đủ kích cỡ Chương trình có Website eChíp mục Thư viện JavaScript với file ảnh kèm, mời bạn tải dùng thử
(2)Nếu bạn muốn xem bóng tối phủ vùng Trái Đất thời điểm tại, mời bạn tải chương trình dùng thử Bạn thay đổi hệ thống để kiểm tra độ xác vùng tối đồ chưong trình
- Các kiểu menu
Bạn muốn tìm hiểu kiểu xuất thực đơn, bảng thông báo động rê chuột lên liên kết? Chương trình tơi giới thiệu lướt qua 10 kiểu menu động, có menu xuất kèm theo hiệu ứng ngẫu nhiên Tùy theo mục đích sử dụng phần thiết kế trang trí Website, bạn tham khảo để chọn cho hiệu ứng phù hợp
- Tạo mã HTML tự động
Để thu hút nhiều khách tham quan vào web bạn bạn nên mở thêm dịch vụ miễn phí đó, tơi xin đề cử dịch vụ thiết kế web Người lướt Web cần nhập vài thơng tin tạo trang Web đơn giản rồi!
- Hình chuyển động
Có nhiều cách để chuyển động hình Website, với cách bạn tạo nhiều đường chuyển động khác Xin giới thiệu đoạn Script ngắn tạo chuyển động hình ngẫu nhiên
- Hiệu ứng chuyển ảnh
Xin giới thiệu bạn hiệu ứng chuyển tiếp đơn giản mà thật đẹp mắt Mỗi người dùng nhấp chuột vào nút “Play” “Trang 1” “Trang 2” hốn đổi cho Bạn cài đặt thêm phần tự chuyển đổi theo thời gian cho trước
- Màu mã màu
Đôi lúc bạn tự hỏi chọn màu background cho trang Web nào, cần đối chiếu hiệu số màu thông dụng Mời bạn vào Website e-Chíp tải chương trình dùng thử Khi bạn rê chuột lên màu background đổi thành màu đó, đồng thời giá trị số biểu diễn cho màu vừa chọn bên
- Đồng hồ theo chuột
Có thể bạn quen thuộc với dòng chữ hiệu ứng theo chuột, xin giới thiệu chương trình tạo đồng hồ di chuyển theo chuột Bạn thay đổi tùy ý dịng chữ xoay bên ngồi phần đầu chương trình - Chọn hình cho Website
Nếu e ngại vị khách khó tính khơng hài lịng với “skin” trang Web mình, bạn cho phép họ tự chọn hình (background) tùy ý Mời bạn tải chương trình dùng thử, sau bạn sưu tầm thêm nhiều hình đẹp để bổ sung cho chương trình
- Tạo bảng đổi đơn vị đo chiều dài
Để có bảng cho phép chuyển đổi đơn vị đo chiều dài, bạn cần vào Website e-CHÍP để tải đoạn chương trình Nếu cần bạn chỉnh sửa mã nguồn để có nhiều loại đơn vị tính
- Tạo hiệu ứng album ảnh
Bạn tạo album ảnh “tự động” lật tờ, người lướt Web nhấp chuột vào hình ảnh dẫn đến liên kết cụ thể khác ( đưa người lướt Web đến số báo tương ứng hình album)
- Tạo trang giới thiệu ấn tượng
(3)- Cẩm nang thời gian cho trang Web
Xin giới thiệu bạn chương trình JavaScript cho phép tham khảo thời gian khắp năm châu Bạn cần chọn tên thành phố từ năm danh sách cho sẵn chương trình, thời gian hiển thị nhanh chóng rõ ràng
- Cuộn hình từ lên
Bạn đư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ể bạn tự tạo “banner” cho trang Web
- Chú thích trạng thái
Có nhiều cách giới thiệu nội dung liên kết Web, mời bạn “xài” thử phương pháp tạo dịng thích trạng thái (khi người lướt Web rê chuột lên liên kết)
- Hình Website
Khi bạn kéo trượt, hình đứng yên tạo cảm giác chuyển động mượt hấp dẫn Bạn tham khảo mã nguồn để thay hình ảnh thích hợp cho Website
- Rung chuyển liên kết
Các hình ảnh liên kết chuyển động liên hồi bạn rê chuột vào khung ảnh Hiệu ứng gây ý đặc biệt đến người lướt Web giúp trang Web bạn sinh động
- Tùy biến màu sắc trang Web
Cho phép người dùng tự chọn màu sắc thể văn bản, màu điều lý thú phải khơng bạn? Bạn thay đổi giao diện khác theo ý thích tăng thêm số màu thể cho phong phú - Hồ cá Web
Các bạn hẳn quen với hiệu ứng động mưa rơi bạn khơng vào website e-CHÍP để tải chương trình dùng thử? Chỉ cần kết hợp vài hiệu ứng bạn có hồ cá loại Web rồi!
- Liên kết Website
Các liên kết “nóng” thường dùng đưa vào khung thể tiện lợi rõ ràng người lướt Web Khi rê chuột đến liên kết đó, mũi tên đỏ nhấp nháy trước liên kết
- Chữ mờ ảo Web
Khi bạn rê chuột lên liên kết, số dòng chữ ( nội dung tùy ý lời giải, chí dịng quảng cáo,vv ) lên mờ ảo, nhẹ nhàng mà gây ý người lướt Web
-Menu chuột phải
Bạn truy cập vào menu trang web cách nhấp phải chuột chưa ? Đoạn mã JavaScript sau ứng dụng định vị động HTML đối tượng lớp (ở menu)
- Tạo lựa chọn dẫn đường cho liên kết
Có nhiều hình thức để tạo liên kết để dẫn đến Website khác Bạn sử dụng menu chuột phải, liên kết trực tiếp, vv Xin giới thiệu bạn phương pháp dễ dàng rõ ràng (về mặt giao diện người sử dụng): cho phép người lướt Web lựa chọn liên kết, sau nhấp chuột vào nút thực - Chữ quay nhiều hướng
(4)- Chữ nhảy múa
Hiệu ứng phù hợp cho việc thiết kế trang giới thiệu cho website bạn Trước hết dòng chữ vừa uốn lượn vừa di chuyển ngang hình, sau ký tự rơi xuống đáy mưa ngập tràn màu sắc
- Các dạng Cursor
Đây chương trình demo hình dáng trỏ chuột, từ đồng hồ cát, bàn tay, dấu hỏi, vv Các bạn vào website e-Chíp mục Thư viện JavaScript để tải chuơng trình dùng thử
- Hiệu ứng banh rơi
Trái banh dội xuống đáy hình (điểm bắt đầu vị trí bạn nhấp chuột) nảy lên, độ cao giảm dần chuyển động dừng hẳn Bạn áp dụng hiệu ứng đẹp mắt cho dãy ký tự
- Menu di chuyển được
Giữa nhiều loại menu trang Web, menu di chuyển có vị trí “khơng đụng hàng” Để bắt đầu di chuyển menu, bạn nhấp chuột vào tiêu đề, sau “thả” menu đến vị trí cách nhấp đúp chuột - Vẽ biểu đồ
Biểu đồ Office thật đơn giản phải không bạn, nhiên muốn giới thiệu với bạn cách thể biểu đồ trang Web dùng JavaScript Các bạn nhập thẳng số liệu vào nhập liệu, sau nhấp chuột vào nút “vẽ”, xong!
- Đồng hồ đeo tay
Đồng hồ gắn website thường “điện tử” (khơng có kim) dạng đồng hồ “treo tường”, xin giới thiệu với bạn đồng hồ đeo tay dễ thương, chức báo (đương nhiên) cịn báo ln thứ tuần, ngày tháng
- Cổ động viên Ai-Ti
Còn cổ động viên nhiệt tình vơ tư nhất, bạn gắn cổ động viên lên trang web Nếu muốn cổ vũ lần bạn cần nhấp chuột vào nút nhấn cạnh hình xong, lúc bạn thưởng thức biểu diễn hoạt ảnh ký tự ráp lại
- Xem mã màu
Đây chương trình cho phép bạn có mã RGB từ màu thường gặp, bạn thêm sáng, cho màu gốc tối Nếu muốn, bạn gõ trực tiếp thông số RGB (theo dec hex) để xem thử hiệu màu chọn
- Đồng hồ JavaScript
Xin giới thiệu bạn đồng hồ đẹp cổ điển Bạn hồn tồn "treo" đồng hồ lên trang Web
- Ẩn - logo
Cho logo xuất cố định Website đơi lúc nhàm chán, bạn thử cho logo bay "lòng vòng" trang quảng cáo Logo ẩn nên khơng làm "rối" tầm nhìn người lướt Web - Tạo hiệu ứng cho liên kết
Bạn thêm nhiều ý nghĩa cho liên kết cách hiển thị thêm hình và/hoặc logo Website liên kết Hình ảnh người lướt Web trỏ chuột vào liên kết
- Dòng chữ xoay quanh trỏ chuột
(5)khác nhau) - 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 phải-trái, đồng thời tạo mức tốc độ di chuyển khác (nhằm tạo chiều sâu không gian chiều, tốc độ vật thể gần trông chuyển động nhanh hơn) Như trang Web bạn xem đặt vào không gian huyền ảo
- Lịch để bàn kết hợp đồng hồ
Nếu bàn làm việc có lịch “khuyến mãi” đồng hồ q thuận tiện phải không bạn? Mời bạn vào website e-Chíp để tải chương trình
- Menu động
Menu cho trang web 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ục menu, gà - “linh vật” e-Chíp bay theo Bạn cần tìm góc thích hợp để trình bày menu trang web thơi
- Hồ cá “Java”
Screensaver – trình bảo vệ hình đơi cịn giúp có giây phút thư giãn với hình ảnh tuyệt vời kèm Xin giới thiệu bạn “hồ cá” thật dễ thương mô Screensaver để “ngâm cứu”
- Khung hình di động
Tương tự thủ thuật soi hình, nhiên bạn phải làm cho khung hình suốt để tăng độ hấp dẫn Khách thăm website bạn nhấp giữ chuột trái, sau di chuyển chuột để xem hình ảnh (hay nội dung) bên - Đôi mắt lém lỉnh
Bạn thử tải đoạn JavaScript thử xem, bạn di chuyển chuột đến đâu, đơi mắt “liếc” theo đến Chỉ bạn di chuyển chuột vùng thể trang web đơi mắt bị “ngồi vùng phủ sóng” thơi
- Chữ quay chong chóng
Xin giới thiệu bạn hiệu ứng đơn giản: cho dòng văn xoay tròn chong chóng, với kích thước to dần Bạn nên dùng đoạn mã website bạn có khơng gian trình bày bạn muốn thêm phần sinh động
- Rồng vàng
Bạn có thấy đoạn text bay lượn trang web trông “Rồng Vàng” chưa? Mời bạn vào website e-Chíp mục Thư viện JavaScript để lấy chương trình Rất đẹp mắt bạn
- Liên kết đẹp phim
Đoạn mã JavaScript sử dụng để truyền thông số cho JavaApplet, liên kết di chuyển trông đoạn phim chiếu Hiệu thật tuyệt vời phải không bạn? Mã nguồn ngắn gọn đơn giản, bạn cần thay đổi liên kết cho phù hợp với website
- Tạo hiệu ứng cho liên kết
”Dân” làm web cố gắng gây ấn tượng khách tham quan “ngơi nhà” mạng Do hình ảnh liên kết thường chăm chút kỹ để tạo nét hấp dẫn riêng Xin giới thiệu bạn chiêu: “nổ tung” tên liên kết bay thành nhiều hướng trỏ chuột vào
- Thế giới quay
(6)chuột vào hai nút tương ứng (nằm bên cạnh đồ) Các bạn xem mã nguồn chương trình để tìm hiểu thay đổi tỷ lệ phóng, góc xoay theo ý muốn
- Chữ ngược
Hiệu ứng chữ ngược (đổ bóng cho chữ) đơn giản mà thật hiệu Nếu kết hợp việc làm nhịe khung hình, bạn có thêm hiệu ứng “soi mặt hồ” thật đẹp Bạn vào website eChíp mục “Thư viện JavaScript” để tải mã nguồn
- Làm bảng quảng cáo
Với vài cách thể (cuộn hình từ trái sang, từ xuống, đan lưới ô vuông, vv ) kết hợp chúng nhau, bạn có đoạn mã JavaScript ngắn “đủ xài” để làm “banner” quảng cáo Những hình ảnh sinh động ln tăng hấp dẫn cho trang web, đồng thời bạn gởi thêm thơng tin cho người lướt web - Thần tình yêu trang web bạn
Nhiều hình ảnh vị thần tình yêu bay lơ lửng trang web bạn Tuy nhiên bạn 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ó thích chi tiết thơng số ) Kỹ thuật di chuyển ảnh dùng “layer” thường sử dụng minigame viết Javascript mạng, bạn thử tìm hiểu xem
- Quảng cáo mờ ảo
Bạn thấy dòng quảng cáo bắt mắt trang web? Thay phải dù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) nhiều thời gian, bạn sử dụng lọc “có sẵn” Javascript Đơn giản nhiều mà hiệu lắm!
- Ánh đèn sân khấu
Chú gà e-Chíp “hăm hở” ánh đèn sân khấu thật đẹp hấp dẫn phải không bạn? Hiệu ứng đèn “follow” chiếu theo vùng ảnh đích làm ngạc nhiên gây ấn tượng với vị khách tham quan website bạn Chương trình tải từ website e-Chíp mục “Thư viện Javascript”
- Phóng to thu nhỏ ảnh
Bạn cần rê chuột lên 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 đơn giản phải khơng bạn?
- Xoay hình
Nếu bạn thiết kế logo cho đặt lên trang web bạn khơng thử cho logo xoay góc hình nhỉ? Bạn tải tìm hiểu đoạn chương trình tơi giới thiệu cải tiến cho phù hợp với trang web bạn Công đoạn sau thay đổi logo
- Soi ảnh Web kính lúp
Xin giới thiệu với bạn “chiêu” hấp dẫn: dùng kính lúp soi ảnh web Người lướt web dùng chuột để “nắm” kính lúp chuột di chuyển, kính lúp soi theo, phần ảnh phóng to tương ứng hiển thị gần bên Đây hiệu ứng độc đáo công phu, mong bạn thích
- Con trỏ chuột
Có nhiều trang trí cho trỏ chuột ( đồng hồ, chữ, hình ảnh xoay quanh, vv ) độ sinh động chúng người lướt web khác Xin giới thiệu với bạn “chiêu” trỏ chuột hấp dẫn: bóng “dí” theo tọa độ chuột, đồng thời xoay vòng tạo chuyển động đẹp mắt hấp dẫn
- Đổi màu cho cuộn
Bạn thích trang trí lại cuộn với màu sắc bắt mắt hơn? Rất đơn giản, cần 10 dịng lệnh JavaScript, bạn dễ dàng thay đổi màu sắc thành phần cuộn “made in tự tui”
(7)Bạn biết cách gắn dịng văn (text) vào “đi chuột”, bạn biết cách tạo dịng chữ chuyển động mơ không gian ba chiều (3D), bạn không thử kết hợp hai công đoạn 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” xài thử
- Trang trí liên kết kiểu Spider
Xin giới thiệu bạn cách trang trí “kết hợp” liên kết trỏ chuột để tăng sinh động cho website Vị trí chuột tâm điểm cho loạt đường kẻ tạo cảm giác lưới nhện, đồng thời bạn rê chuột lên trên, “lưới nhện” liên kết đổi màu giúp bạn dễ theo dõi Bạn tải chương trình nguồn từ website e-Chíp mục thư viện JavaScript
- Máy tính nhiều chức năng
Bạn so sánh chức máy tính JavaScript với máy tính thơng thường hẳn bạn hài lòng! Máy thiết kế với nhiều “khuyến mãi” như: tính lũy thừa x^y, giai thừa, vv… Các chức phân thành năm nhóm thay đổi cách nhấp chuột vào nút “More Options”
- Dịng thích cho liên kết
Các liên kết không diễn tả nghĩa người lướt web phải thời gian để tìm hiểu Bạn “giải quyết” đơn giản cách thêm dịng thích vào liên kết, đoạn văn người lướt web rê chuột lên bên Trong dịng thích bạn mơ tả rõ nội dung mà liên kết trỏ đến
- Con trỏ chuột hình trái tim
Ngày lễ Tình nhân 14-02 vừa qua rồi, khơng bạn làm trang web để tỏ tình với nàng chọn trỏ chuột hình trái tim thật … hết ý! Mời bạn vào website e-Chíp để tải đoạn JavaScript hình ảnh “minh họa”
- Cửa sổ sống động
Thường website có liên kết “Contact” để liên lạc với “chủ nhân” , xin giới thiệu bạn chiêu “bung cửa sổ” để trang web có phần sinh động, lơi Khi bạn nhấp chuột vào liên kết “Contact”, cửa sổ ra, mở rộng chiều dọc sau chiều ngang đến tối đa
- Đồng hồ 3D:
Đồng hồ chiều xoay "tá lả" website, thật ấn tượng phải không bạn! Thêm kiểu thể website bạn cách kết hợp Applet vào trang web
- Chạy chữ Karaoke:
Nếu vọc Web JavaScript, bạn nghe nhạc online Xin giới thiệu bạn cách chạy chữ Web trơng Karaoke vậy, dù phần hình ảnh! Sao bạn không thử kết hợp phần tiếng (nhạc) phần hình (chạy chữ) ? lại có Karaoke hồn chỉnh?
- Menu nhúc nhích:
Trình đơn phần khơng thể thiếu website có thật nhiều thơng tin Đoạn JavaScript website e-Chíp giới thiệu với bạn trình đơn biết “nhúc nhích” liên tục, đổi cách thể liên kết bạn trỏ chuột phía
- Kết hợp trang tìm kiếm:
Đơi bạn muốn thêm phần tìm kiếm vào website mình, thật khó khăn để xây dựng cơng cụ tìm kiếm (search engine) Nếu muốn, bạn “nhờ” trang tìm kiếm tiếng 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
- Bắn pháo hoa:
“Bắn pháo hoa” tiết mục hấp dẫn đẹp mắt, bạn không thử lấy chương trình “vọc” thử Bạn thay đổi thơng số để có tốc độ bắn, loại “pháo” khác nhau, v.v
- Menu đa tầng
(8)trong trình đơn, vấn đề phải xếp cho hợp lý
- Menu xoay
Xin giới thiệu bạn một “chiêu” khác cách trình bày menu trang web, trình đơn xoay Người dùng nhấp chuột vào hai nút mũi tên để thay đổi (xoay) trình đơn Ưu điểm loại trình đơn tính hấp dẫn, lạ mắt Bạn nên dùng loại trình đơn website bạn cịn dư chỗ
- “Hồi đó” sinh vào ngày thứ nhỉ?
Có bạn “théc méc” “hồi đó” sinh vào ngày thứ tuần khơng? Có thể bạn dùng mợt chương trình “lịch vạn niên” để xem lại chẳng hạn, xem cần một đoạn JavaScript nhỏ bạn giải vấn đề Mời bạn ghé thăm website e-chíp mục JavaScript để lấy chương trình xài thử
- Chuột rượt Gà
Chuyện mèo vờn chuột biết, cịn chụn cḥt “dí” gà chụn thơi Muốn tìm hiểu mời bạn ghé thăm website e-Chíp mục JavaScript để tải Mỗi lần bạn di chuyển chuột đến gần gà gà “biến” Hiện chương trình xác định mợt cờ nhớ để điều khiển vị trí cho gà Nếu bạn sửa chương trình để tọa độ gà ngẫu nhiên hấp dẫn
- Tô sáng liên kết thích
Trên trang web thơng thường có nhiều liên kết đến địa có nợi dung liên quan, hỗ trơ Việc tô sáng liên kết người duyệt web rê chuột bên trở nên phổ biến Tuy nhiên có mợt số liên kết cần thích cho rõ ràng Xin giới thiệu 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 thích kế bên người dụt web trỏ cḥt đến Dịng thích hiện mợt khoảng thời gian sau từ từ (fade out)
- Lời chào hỏi thú vị
Những dòng chữ bay mợt trình diễn đồ họa tuyệt đẹp Trên trang web có hướng dẫn chi tiết mã nguồn, bạn tìm hiểu thay đổi nợi dung cho thích hợp với website
- Bắn chữ
Dịng chữ “Echip – Tin học cơm bình dân” “bắn xối xả” lên góc - trái hình Chương trình đơn giản thơi, bạn dễ dàng tìm hiểu mã nguồn để thay đổi tham số
- Dịng chữ vui nhợn
Một “banner” quảng cáo sống động ấn tượng, bảo đảm trang Web bạn làm vị khách “hết hồn” ghé thăm Dòng chữ xuất hiện theo hình sóng nhấp nhơ đẹp Bạn thay đổi nợi dung phần văn thể hiện 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ự bay vào mợt khơng gian bí ẩn vơ tận tương tự một screen saver Windows, một hiệu ứng thật đẹp phải khơng bạn? Ở góc đợ lập trình, bạn xem q trình “vẽ nhỏ dần ký tự với tọa độ hướng tâm” Các bạn tải mã nguồn từ Website e-Chíp chèn đoạn mã sau thẻ :
- Tô sáng liên kết (bằng hình ảnh)
(9)- Chiếc đồng hồ thần kỳ
Trong lướt Net, chat với bạn bè, nhiều lúc bạn cần biết múi nước để “tham khảo” Trong Windows có đồng hồ vạn thế, chí cịn “xịn” nhiều Tuy nhiên Website bạn có cài đặt đồng hồ tương tự kể lý thú Tôi xin gởi đến bạn chưong trình JavaScript hiển thị múi năm châu lục, chương trình dài, nhiên bạn tìm hiểu thay đổi giao diện dễ dàng
- Pháo hoa trang Web
Năm hết Tết dến, xin giới thiệu bà cô bác “tiểu xảo” bắn pháo hoa trang Web cho “dzui” Gọi “tiểu xảo” có nhiều thuật giải kiểu bắn đẹp phức tạp, nhiên cách đơn giản dễ thực lại cách “tui” trình bày Website e-Chíp, xin mời người tải xem thử
- Mã nguồn 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 View | Source trình duyệt), nhiên số trang khác lại “bế quan tỏa cảng” với người Nếu muốn cung cấp mã nguồn (đặc biệt lĩnh vực đào tạo, giảng dạy), bạn tạo liên kết cho mở thêm cửa sổ để người lướt Web xem source
- Dòng chữ lung linh
Bộ lọc (filter) cho nhiều hiệu ứng đẹp bạn dùng JavaScript để hiển thị đối tượng Đoạn chương trình tơi giới thiệu với bạn làm cho dòng chữ lung linh nhảy múa từ nhẹ đến mạnh Bạn tải chương trình từ Website e-Chíp, thử chỉnh sửa thông số để xem hiệu ứng thay đổi
- Hiệu ứng “đánh máy” hộp văn bản
Những thông tin bạn muốn gởi đến người lướt Web xuất hiện một hộp văn (textbox) đánh máy ký tự một Hiệu ứng thật đơn giản lại tăng vẻ sinh động trang Web Nếu điều chỉnh co chữ, thay đổi màu sắc “chút xíu”, bạn lại có mợt bảng quảng cáo điện tử?
- Chơi game Web
Trị chơi hứng bóng có ḷt chơi đơn giản thơi: bạn di chuyển chuột (tương ứng tọa độ chuột, bốn đỡ di chuyển theo) để hứng bóng, bóng chạm cạnh bạn mợt bóng Sau một số lần chạm, ô vuông đổi màu biến mất, bạn … chiến thắng Tuy nhiên, hết bóng bạn thua
Muốn đặt game vào một liên kết 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 … bay “tùm lum” trang Web Ồ, bạn đừng ngạc nhiên! Cửa sổ bay theo “quy hoạch” nhé, bạn lập trình chỉnh sửa quỹ đạo bay nó, đơn giản Tuy nhiên, công dụng lớn “chiêu” thu hút ý người lướt Web Bạn đưa thông tin thật hấp dẫn vào cửa sổ xong
- Sắc màu cho chuột
Để thêm phần sinh động cho Website, xin giới thiệu bạn một chiêu: thêm màu sắc cho chuột Tiêu điểm gặp ba dãy màu Red, Green, Blue trỏ cḥt Bạn download chương trình từ Website e-CHÍP, chọn View > Source (đối với trình dụt Internet Explorer) để xem mã nguồn, sau chép đoạn mã dán vào trang Web Bạn tìm thay màu sắc khác cho phù hợp với hơn, chúc bạn thành cơng!
- Đồng hồ tiêu đề
(10)- Đặt minigame vào trang Web
Trên đường lướt Net, hẳn một lần bạn thấy game nhỏ Website hấp dẫn Với “chút vốn lận lưng” JavaScript, bạn thực hiện nhiều việc, xây dựng cho mợt trị chơi nho nhỏ Xin giới thiệu bạn ba trị chơi: đốn chữ (góp phần tăng cường khả tiếng Anh bạn), máy đo tình yêu (nhưng tui hổng dám đảm bảo bạn bị người yêu “uýnh” đâu nghen?) Carô ô – tương tự trò chơi TicTacToe
- Tạo chữ chạy nút lệnh
Có nhiều cách để trang trí nút lệnh, một đối tượng xuất hiện nhiều trang Web Bạn làm cho đổ bóng, có hình dạng đặc biệt, vv Tơi xin giới thiệu với bạn đoạn mã Java Script tạo một dòng chữ chạy từ phải sang trái nút lệnh Các bạn tải ví dụ từ Website e-Chíp Để xem mã nguồn, bạn chọn trình đơn View > Source (đối với trình duyệt Internet Explorer)
- Tạo trình đơn cho cḥt phải
Khi nhấp cḥt phải vào vị trí trang Web, bạn có mợt trình đơn hiện chờ “phục vụ” Đoạn mã cần dán vào sau thẻ , bạn “thêm mắm dặm muối” để trình đơn thay đổi màu sắc danh sách liên kết
- "Nhấn nhá” loại cho dòng văn bản
Bạn hồn tồn tạo “hào quang” kiểu cho dịng văn thơng qua bợ lọc, tham số đưa vào vòng lặp để có hiệu “đợng” Ví dụ tải từ trang Web e-CHÍP Để xem mã nguồn, bạn chọn View > Source từ trình đơn Internet Explorer
- Tạo menu chuyển động
- Liên kết đẹp phim Tạo hiệu ứng cho liên kết - Thế giới quay Chữ ngược Làm bảng quảng cáo - Thần tình yêu trang web bạn Quảng cáo mờ ảo Ánh đèn sân khấu - Phóng to thu nhỏ ảnh Xoay hình Soi ảnh Web kính lúp Con trỏ chuột