Hiệu Ứng: Chữ Chạy Từ Dưới Lên Trên

    ™» hoithanhcaygiang blog «™ Khi lướt web, chúng ta thường thấy các forum có nhiều thủ thuật rất hay. Những thủ thuật này khiến cho web trở nên động làm bắt mắt người xem hơn.

Và một trong những thủ thuật phải kể đến khi thiết kế web động, đó là  hiệu ứng : tạo chữ chạy trong web.

Hôm nay, mình sẽ hướng dẫn thực hiện thủ thuật này - thủ thuật tạo hiệu ứng : chữ chạy từ dưới lên trên.

Các bạn hãy thực hiện theo những chỉ dẫn bên dưới :

1. Thêm một Tiện Ích (để chèn HTML/Javarscript ) và chọn vị trí đặt Tiện Ích cho thích hợp.

2. Chèn code bên dưới vào Tiện Ích đó:

    <p class="tieude">Tên của ô chạy</p>

    <div id='mycustomscroll' class='flexcroll'>

    <marquee scrollamount="2" scrolldelay="98" direction="up" onmouseover="this.stop()" onmouseout="this.start()">

        <ul>

       

            <li><a href="Link bài viết 1">Tên bài viết 1</a></li>

       

            <li><a href="Link bài viết 2">Tên bài viết 2</a></li>

       

        </ul>

    </marquee>

    </div>

</div>

   * Lưu ý: nếu muốn thêm tiêu đề bài viết mới vào danh sách thì các bạn chỉ cần thêm đoạn code bên dưới vào bên trên thẻ </ul>  ... cứ như vậy các bạn có thể tùy ý thêm bao nhiêu tiêu đề cũng được. 

 <li><a href="Link bài viết 1">Tên bài viết 1</a></li>

Chúc các bạn thành công !

Nguồn : namkna.blogspot.com

Chỉnh lí : Hội Thánh Cây Giang

Khi copy, các bạn nhớ ghi rõ nguồn gốc. Xin chân thành cảm ơn!