Tạo chữ chạy trên web
Chia sẻ bởi Nguyễn Thị Phương Loan |
Ngày 05/10/2018 |
40
Chia sẻ tài liệu: Tạo chữ chạy trên web thuộc Lớp 5 tuổi
Nội dung tài liệu:
Code làm ảnh hoặc text chạy trên web, blog Đầu tiên là đoạn code sẽ có cấu trúc chung như thế này:
// 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 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í đó. Đố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. 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:
// 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 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í đó. Đố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. 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:
* Một số tài liệu cũ có thể bị lỗi font khi hiển thị do dùng bộ mã không phải Unikey ...
Người chia sẻ: Nguyễn Thị Phương Loan
Dung lượng: 38,50KB|
Lượt tài: 2
Loại file: doc
Nguồn : Chưa rõ
(Tài liệu chưa được thẩm định)