Code marquee chạy chữ này khá thông dụng trên các Web, blog. Nó tùy chỉnh rất dễ và có thể thêm vào bất cứ vị trí nào trên Template. Nếu các bạn đê ý kỹ thì thấy ở dưới mỗi bài viết mình có để dòng chữ chạy nền màu vàng. Đó là mình sử dụng marquee. Ở đây mình giới thiệu marquee và 1 số thuộc tính của nó cần lưu ý vì được sử dụng nhiều.
Code 1:
DEMO code1:
Thuộc tính cần lưu ý:
- onmouseover="this.stop();": Chữ dừng chạy khi chuột đưa tới
- onmouseout="this.start();": Chữ chạy khi đưa chuột ra.
- width="100%": Độ rộng (không gian chạy của chữ). Có thể dùng px. Ví dụ: width="600"
- direction="left": Chạy từ trái sang. Các giá trị lựa chọn khác: right, down, up
- scrollamount="3": Tạm hiểu là tốc độ chạy.
Code2:
DEMO code2: dưới bài viết này
Thuộc tính cần lưu ý:
- bgcolor='#FFFFCC': Màu nền.
- behavior='alternate': Tạm hiểu là cho nó đập vào thanh bên rùi nó chạy lại.
=================
Sử dụng trên Blogger:
- Cách 1: Tạo 1 Widget HTML/Javascripts mà dán Code vào
- Cách 2: Thêm trực tiếp vào Template. Còn vị trí thêm thì các bạn lựa chọn nhé. Nếu gặp vấn đề về thêm Code vào Template thì để lại comment cho mình nhé.
Code 1:
<marquee onmouseover="this.stop();" onmouseout="this.start();" width="100%" scrolldelay="50" direction="left" scrollamount="3"> >> Thủ thuật Blogger Google << </marquee>
DEMO code1:
Thuộc tính cần lưu ý:
- onmouseover="this.stop();": Chữ dừng chạy khi chuột đưa tới
- onmouseout="this.start();": Chữ chạy khi đưa chuột ra.
- width="100%": Độ rộng (không gian chạy của chữ). Có thể dùng px. Ví dụ: width="600"
- direction="left": Chạy từ trái sang. Các giá trị lựa chọn khác: right, down, up
- scrollamount="3": Tạm hiểu là tốc độ chạy.
Code2:
<marquee behavior='alternate' bgcolor='#FFFFCC' direction='left' scrollamount='3'><font color='#FF0000'><b> LIKE </b>hoặc <b>SHARE</b> bài viết để ủng hộ itviet360 nếu bài viết có ích với bạn </font> </marquee>
DEMO code2: dưới bài viết này
Thuộc tính cần lưu ý:
- bgcolor='#FFFFCC': Màu nền.
- behavior='alternate': Tạm hiểu là cho nó đập vào thanh bên rùi nó chạy lại.
=================
Sử dụng trên Blogger:
- Cách 1: Tạo 1 Widget HTML/Javascripts mà dán Code vào
- Cách 2: Thêm trực tiếp vào Template. Còn vị trí thêm thì các bạn lựa chọn nhé. Nếu gặp vấn đề về thêm Code vào Template thì để lại comment cho mình nhé.
0 nhận xét:
Post a Comment