Chào mừng bạn đến vớiStudio Tuấncm

Tạo chữ và hình chạy đẹp cho blog

Hôm nay mình sẽ hướng dẫn các bạn tạo chữ hoặc hình chạy trong blog, website bằng code HTML đơn giản nhất:
Code chính:
<marquee behavior="scroll" direction="up" id="marq" loop="50" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" scrolldelay="0" slyte="border: blue 2px SOLID"   </marquee>

* Các thông số:
-scrollamount và scrolldelay: 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
vd:

I. Chữ chạy:

1/ Chạy từ phải sang trái, in đậm, xanh:

<marquee> <span style="font-weight: bold;"><span style="color: blue;">Chào mừng bạn đến với </span><a href="https://tuancm96.blogspot.com/" target="_blank">Studio Tuấncm</a> </span></marquee>
Chào mừng bạn đến với Studio Tuấncm

2/ Từ trên xuống dưới:

<marquee direction="down"> <span style="font-weight: bold;">Chào mừng bạn đến với<a href="https://tuancm96.blogspot.com/" target="_blank">Studio Tuấncm</a> </span></marquee>
Chào mừng bạn đến với Studio Tuấncm

3/ từ trái sang phải :

<marquee direction="left"> <span style="font-weight: bold;">Chào mừng bạn đến với<a href="https://tuancm96.blogspot.com/" target="_blank">Studio Tuấncm</a> </span></marquee>
Chào mừng bạn đến với Studio Tuấncm

4/ chạy khi nào rê chuột vào thì dừng:

<marquee onmouseout="this.start()" onmouseover="this.stop()" > <span style="font-weight: bold;">Chào mừng bạn đến với<a href="https://tuancm96.blogspot.com/" target="_blank">Studio Tuấncm</a> </span></marquee>
Chào mừng bạn đến với Studio Tuấncm 

5/ tạo chữ chạy tới lề chạy ngược lại:

<marquee behavior="alternate" direction="right"> <span style="font-weight: bold;">Chào mừng bạn đến với <a href="https://tuancm96.blogspot.com/" target="_blank">Studio Tuấncm</a> </span></marquee>
Chào mừng bạn đến với Studio Tuấncm


II.Hình chạy:

- Code:
<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="500" height="113"/> </a>
<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>
</marquee>

1/Chạy sang phải:

<marquee id="marq"  direction="right" loop="50" onmouseover="this.stop()" onmouseout="this.start()">
<a href="https://tuancm96.blogspot.com/"><img src="https://c6.staticflickr.com/8/7348/27180221893_7573f9018e.jpg" title="Studio  Tuấncm" width="500" height="113"/> </a></marquee>


Previous
Next Post »