Home / Lập Trình / HTML CSS / Hướng dẫn cách code chữ chạy trên website – Code html marquee

Hướng dẫn cách code chữ chạy trên website – Code html marquee

Hướng dẫn cách code chữ chạy trên website – Code html marquee

nhiều bạn muốn có hiệu ứng cho website đẹp hơn, như hình ảnh, chữ chạy qua lại trên website, làm cho website bắt mắt hơn. mong qua bài viết này có thể chỉ cho các bạn cách code chữ chạy trên website 1 cách dễ hiểu nhất, nào chúng ta bắt đầu nhé

Thuật ngữ để code này gọi là : Code html marquee

  1. Chữ chạy ngang từ phải qua trái

    <marquee>Congdongblog.com</marquee>

    Congdongblog.com

  2. Chữ chạy ngang từ trái qua phải

    <marquee direction="right">Congdongblog.com</marquee>

    Congdongblog.com

  3. Chữ chạy từ trên xuống dưới,

    <marquee direction="down">mohinhthuyenbuom.com</marquee>

    mohinhthuyenbuom.com

  4. Chữ chạy từ dưới lên trên

    <marquee direction="up">nhahoa.com.vn</marquee>

    nhahoa.com.vn

  5. Chữ chạy ngang qua lại 2 bên

    <marquee behavior="alternate">congdongshop.com</marquee>

    congdongshop.com

  6. Chữ đứng và chữ chạy

    <marquee behavior="alternate" width="10%">>></marquee>congdongshop.com<marquee behavior="alternate" width="10%"><< </marquee>

    >>congdongshop.com<<

  7. Chữ chạy khi rê chuột vào thì đứng yên

    <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">nhahoa.com.vn</marquee>

    nhahoa.com.vn

  8. Code áp dụng hình ả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" alt title width="200" height="300"/> </a>
    <a href="Link"><img src="Link hình ảnh" alt title width="200" height="300"/> </a>
    .................................( Thêm link vào đây)
    <a href="Link"><img src="Link hình ảnh"alt title width="200" height="300"/> </a>
    </marquee>

Cấu Trúc của code html marquee

<marquee id="marq" scrollamount="3" direction="up" loop="50" scrolldelay="0" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"> text cần chạy </marquee>
  • scrollamount và scrolldelay: là điều chỉnh thông số về tốc độ và thời gian của đoạn văn.
  • direction: là hướng chạy của đối tượng mà ta mong muốn. có 4 hướng là: left – right – down – up
  • loop: là số lần lặp lại mà bạn muôn.
  • 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.

1 Số css cách code chữ chạy trên website đẹp hơn

<marquee style="code css nhét ở đây cho đẹp">Congdongblog.com</marquee>

ví dụ: style=”background: red; color: yellow; border: 1px solid #000″

  • background: red là muốn màu nền màu đỏ,
  • color: yellow là muốn chữ đổi sang màu vàng
  • border: 1px solid #000 là muốn có 1 cái khung có độ dày là 1px màu đen

Congdongblog.com

Lưu lại và xem kết quả nhé hihi, xong rồi, nếu bạn thấy hay hãy click quảng cáo cho mình đc 1 gói mỳ tôm ăn qua ngày là được, thank you mọi người.
Các bạn có thắc mắc gì thì liên hệ mình nhé thông qua website: congdongshop.com hoặc congdongblog.com của mình nhé,
Hotline: 0386270225 (A.Thông) nếu bạn có nhu cầu làm website.

 

About admin

congdongblog.com và congdongshop.com là một nhé mọi người, trang website đều do admin là Nguyễn Trung Thông sở hữu và quản lý, với đam mê CNTT , trang này dùng để chia sẽ kinh nghiệm những gì mình có, những gì mình làm được lên đây cho mọi người cùng học nhé, có gì sai sót mọi người bỏ qua nhé

Bạn Chưa biết ?

Các đoạn code css :nth-child(n) quan trọng cần biết.

Các đoạn code css :nth-child(n) quan trọng cần biết.

Các đoạn code css :nth-child(n) quan trọng HTML CSS thì các bạn chắc cũng biết …

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đánh giá facebook