Code Html Làm ảnh Hoặc Text Chạy Trên Web, Blog - TTT

Trang chủ » Hiệu ứng Chữ Chạy Trong Html » Code Html Làm ảnh Hoặc Text Chạy Trên Web, Blog - TTT

Có thể bạn quan tâm

Code html làm ảnh hoặc text chạy trên web, blog

    Code html làm ảnh hoặc text chạy trên web, blog
Hiện nay, trên các trang website, hay các blog đều có những dòng chữ hay những hình ảnh chay qua lại, lên xuống rất đẹp mắt. Để trang trí thêm cho trang cũng như là tiết kiệm được diện tích site của ta, hôm nay mình sẽ tổng hợp 1 số code cơ bản để các bạn có thể làm điều đó. Đầu tiên là đoạn code sẽ có cấu trúc chung như thế này: <marquee id="marq" scrollamount="3" direction="up" loop="50" scrolldelay="0" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"> *** </marquee> // Các thông số: Scrollamount & scrolldelay: Điều chỉnh thông số về tốc độ & thời gian. direction: là hướng chạy của đối tượng mà ta cho chạy, có 4 hướng là: left - right - down - up
  • Left: Chạy sang trái
  • Right: Chạy sang phải
  • Down: Chạy xuống dưới
  • Up: Chạy lên trên
Loop: là số lần lặp của đối tượng. Behavior: là hiệu ứng chạy của đối tượng, có 3 giá trị: slide - alternate - scroll
  • Slide: chạy tới khi chạm lề thì dừng lại.
  • Alternate: chạy tới khi chạm lề thì chạy ngược lại.
  • Scroll: là kiểu mặt định, kiểu này tự động áp dụng vào tất cả các hình thức còn lại.
Chú ý: những phần bôi xanh là những phần dùng để thay đổi thuộc tính theo ý ta mong muốn A. Áp dụng cho text. Việc áp dụng vào text thì cũng khá đơn giản Trên phần code chung có 3 dấu sao bị bôi xanh (***) là phần mà ta sẽ đưa đoạn text mà ta muốn cho chạy vào vị trí đó. Đối với text thì ta cũng có thể thêm vào các thuốc tính như font color, style, font-color... Các bạn tiếp tục thay đổi các thuộc tính tùy theo sở thích của mình nhé VD: "Chúc các bạn vui vẻ" Ở trên là mình cho chạy từ trái sang phải (direction="left") và vòng lặp forever. Tiếp theo là text chạy chạm lề rồi chạy ngược lại: "Chúc các bạn thành công & hạnh phúc" Text chạy lên "Bài thơ cực kỳ hay ngay bên cạnh: NGHÌN CÁI HÔN" Text chạy xuống "Xin chào & hẹn gặp lại" B. Áp dụng cho hình ảnh Cũng tương tự như phần áp dụng cho text, ta chỉ việc thêm nội dung vào 3 dấu sao đó, nhưng ở đây ta thay bằng thẻ <img>. VD: Để làm cho hình ảnh chạy từ dưới lên và khi ta rê chuột vào thì hình sẽ đứng lại và có link liên kết cho hình, thì ta sửa code lại thành: <marquee id="marq" scrollamount="3" direction="up" loop="50" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"> <a href="Link"><img src="Link hình ảnh" title="Ghi chú cho ảnh" width="200" height="300"/> </a> <a href="Link"><img src="Link hình ảnh" title="Ghi chú cho ảnh" width="200" height="300"/> </a> .................................( Thêm link vào đây) <a href="Link"><img src="Link hình ảnh" title="Ghi chú cho ảnh" width="200" height="300"/> </a> </marquee> Ok quá trình là như vậy, còn bên dưới là kết quả. // Các thông số. Cũng như các thông số ở trên, chỉ thay đổi 1 số cái như thẻ <a>, thẻ< img> <a href="Link"> là thẻ chứa link mà khi ta click vào hình sẽ dẫn ta tới link đó, các bạn nên thêm thuộc tínhtarget="_blank" và để mở link ở cửa sổ mới. <img src="Link hình ảnh"> đây chính là phần chèn link ảnh mà ta cần đưa vào để chạy. title ghi chú cho từng bức ảnh, nó sẽ hiện lên khi ta trỏ chuột vào ảnh. Các bạn cũng có thể thêm vào nó vào 1 cái table, hoặc thêm vào các thuộc tính như width, height để định dạng cố định size ảnh. p/s: Trong trang blog này có các modun đang chạy những code này. Mình là Nam, các bạn có thể nhắn tin hoặc gọi điện hỏi mình trực tiếp qua sdt này cũng ok 094 530 2015 hihi Name Skype: kinhdoanh25h Cám ơn các bạn đã đọc bài! Chúc các bạn thành công!

1 nhận xét:

  1. Đình Đàilúc 11:34 10 tháng 11, 2023

    xem thêm nè HTML là gì

    Trả lờiXóaTrả lời
      Trả lời
Thêm nhận xétTải thêm... Bài đăng Mới hơn Bài đăng Cũ hơn Trang chủ Đăng ký: Đăng Nhận xét (Atom)

TIN MỚI NHẤT

  • Lá số tử vi của tuổi Nhâm Thân XEM TỬ VI TRỌN ĐỜI Lá số tử vi của tuổi Nhâm Thân Nam Mạng - Nhâm Thân Sinh năm: 1932, 1992 và 2052 Cung KHÔN. Trực NGUY Mạng KIẾM ...
  • Tách lấy chuỗi kí tự phía trước hoặc phía sau kí tự đặc biệt nào đó Tách lấy chuỗi/nhóm ký tự phía trước hoặc phía sau kí tự đặc biệt nào đó kiểu như: * - / | } { ? > < @ ! $ % ^ & ) ( ~ ... Giả sử...
  • Giải mã Hắt xì hơi - Nóng tai, nóng mặt - Giật thịt, giật cơ Hắt xì hơi - 23g đến 1g: có người mời dự tiệc hoặc dự lễ linh đình. - 1g đến 3g: có người khác phái rủ bạn làm việc gì đó có lợi cho bạn ...
  • Ý Nghĩa Số Điện Thoại Của Bạn Các bạn, ai cũng có cho mình ít nhất một số điện thoại. Trong một vài trường hợp nó sẽ là con số theo chúng ta cả đời, thậm chí nó còn gắn ...
  • Dầu dừa tinh khiết: Đẹp da, căng mặt, trị mụn trứng cá, chống nẻ môi, nẻ da... Hiện nay dầu dừa được các chị em phụ nữ tin dùng rất nhiều để làm đẹp, chăm sóc da, chăm sóc tóc. Có người còn sử dụng trong bữa ăn hàng ...
  • Hướng Dẫn Lấy Mã Màu Hướng Dẫn Lấy Mã Màu (cach lay ma mau) Hướng Dẫn:   Từ 1 Bức Hình Có Sẵn:  Ta mở bức ảnh bằng  Paint Từ 1 Trang Web:  Khi mở 1 tra...

Bài đăng nổi bật

Chèn nhiều Sheet cùng lúc trong Excel vô cùng đơn giản

Chào mừng các bạn đến với website chuyên về giải pháp, thủ thuật Excel mà tôi đã thực hành và đạt hiệu quả cao  trong quá trình xử lý dữ liệ...

TIN XEM NHIỀU NHẤT

  • Tách lấy chuỗi kí tự phía trước hoặc phía sau kí tự đặc biệt nào đó
  • Lọc dữ liệu không trùng nhau trong excel
  • Code html làm ảnh hoặc text chạy trên web, blog
  • Lọc và xóa dữ liệu trùng trong Excel chỉ với 1 cú click
  • Thêm, tạo sheet mới trong Excel 2007 2010 2013 chỉ 1 thao tác
  • Tăng độ sáng và độ nét cho ảnh trong Photoshop và web chỉnh sửa ảnh online
  • Lá số tử vi của tuổi Nhâm Thân
  • Giải mã Hắt xì hơi - Nóng tai, nóng mặt - Giật thịt, giật cơ
  • Hướng Dẫn Lấy Mã Màu
  • Ý Nghĩa Số Điện Thoại Của Bạn

Tìm kiếm

Bài đăng khác

  • ▼  2013 (37)
    • ▼  04 (23)
      • Code html làm ảnh hoặc text chạy trên web, blog
      • Hướng Dẫn Lấy Mã Màu
      • Du an Geleximco
      • Phát wifi trên windows 8 không cần dùng phần mềm
      • 14 Điều dạy của Phật
      • Khổng tử
      • 10 Điều Tâm Niệm - Khổng Tử
      • Lời dạy của Khổng Tử
      • Search google hieu qua
      • Cẩm Nang Tu Ðạo
      • Luật số 71/2006/QH11 của Quốc hội : Luật Bảo hiể...
      • Luật Bảo hiểm Xã hội
      • 19 điều bạn nên làm ít nhất một lần trong đời
      • Thêm, tạo sheet mới trong Excel 2007 2010 2013 chỉ...
      • Lọc dữ liệu không trùng nhau trong excel
      • Loc Web
      • Dấu $$
      • Lọc và xóa dữ liệu trùng trong Excel chỉ với 1 cú ...
      • Tách lấy chuỗi kí tự phía trước hoặc phía sau kí t...
      • Các con số có ý nghĩa như thế nào trong cuộc sống???
      • Ý Nghĩa Số Điện Thoại Của Bạn
      • Thử nghiệm tạo viền cho khung của bài viết
      • Hàm Countif trong Excel

Từ khóa » Hiệu ứng Chữ Chạy Trong Html