Đầu tiên là đoạn code sẽ có cấu trúc chung như thế này:
Chuẩn
. Ảnh chuẩn media file
.
44
// 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
• Left: Chạy sang trái
• Right: Chạy sang phải
• Down: Chạy xuống dưới
• Up: Chạy lên trên
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
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ẻ
.
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 - Chữ chạy cho blog - Web - Blogspot
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é.
Read more: http://www.itviet360.com/2013/01/marquee-chu-chay-cho-blog-web-blogspot.html#ixzz2j26wxF6X
TẢI CODE TRÊN VIẾT TRONG WORD TẠI ĐÂY
Không có nhận xét nào:
Đăng nhận xét