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

Thảo luận trong 'Sưu tầm Code Web hay' bắt đầu bởi ntphong, 10/1/15.

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

Sưu tầm Code Web hay, 10/1/15. Trả lời: 0, Đọc: 1,029.

ntphong ntphong

Lượt xem: 1,029

Bạn đang xem:

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

Coppy cùng chia sẻ nhé bạn!
  1. ntphong

    ntphong Administrator Staff Member

    Tham gia ngày:
    25/12/14
    Bài viết:
    49,396
    Trang chủ:

    Những Cảnh Đẹp Của Việt Nam Qua Góc Nhìn Từ FlyCam PhanTom 3 Professional (Video 4K)

    Bấm Youtube để đăng ký xem video nhé!


    Hiện nay, trên các trang website, hay blog điề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 đó.
    [​IMG]

    Đầ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ố:
    scrollamountscrolldelay: là điều chỉnh thông số về tốc độ và 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
    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í đó.

    http://connection-all.blogspot.com


    Đố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é, ví dụ ở trên là mình cho chạy từ phải sang trá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:

    http://connection-all.blogspot.com


    Text chạy lên
    http://connection-all.blogspot.com



    Text chạy xuống http://connection-all.blogspot.com



    (Nhìn vui mắt quá, hjhj)

    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>.
    Ví dụ để 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ả.

    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]
    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]

    // 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.
    internet
     
    Diễn đàn Ntphong index siêu nhanh!

    Diễn đàn Seo

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

    Ghi nguồn bài viết www.ntphong.com khi đăng tải lại bài viết này.

  2. Quảng cáo Thành viên VIP


    Những Cảnh Đẹp Của Việt Nam Qua Góc Nhìn Từ FlyCam PhanTom 3 Professional (Video 4K)

    Bấm Youtube để đăng ký xem video nhé!

Similar Threads: Code html
Diễn đàn Tiêu đề Ngày
Xenforo Ẩn nội dung trong thẻ [code] [html] [php] với khách 18/3/15
Thảo luận Seo Chuẩn code HTML trong onpage SEO 27/1/15
RAO VẶT MIỀN BẮC Sửa chữa máy photocopy ricoh hiện lỗi code 24/1/17
Microsoft Word - Excel - Powerpoint Excel - hàm unichar, hàm trả về ký tự unicode của số 29/9/16
Microsoft Word - Excel - Powerpoint Excel - hàm unicode trong excel, ví dụ và cách dùng 29/9/16
Microsoft Word - Excel - Powerpoint Chuyển font vntime sang time new roman, unicode 29/9/16
Wordpress Chia sẻ code theme wordpress trả phí đẹp 6/5/16
Chiến lược, kế hoạch, nghiên cứu online marketing Mã bưu điện zip code/postal code mới ở việt nam 14/4/16

Link hữu ích: @@ giàn phơi thông minh, giàn phơi quần áo, giàn phơi quần áo thông minh, giàn phơi quần áo, thùng rác, sim tra sau, giàn phơi thông minh, can ho river city, Toyota camry 2017, @@
=