Chia Sẻ Tạo hiệu ứng tuyết rơi dành cho Website

ChenJi

Ban Quản Trị
Tham gia
2/12/16
Bài viết
1,298
Xếp hạng
113
#1
Mùa Giáng sinh Noel đến, bạn nên trang hoàng cho Website của mình bằng cách bổ xung thêm tuyết rơi vào Website như vậy sẽ giúp website của bạn lung linh hơn. Cách tích hợp của mình đó là chỉ cần nhúng file Javascript vào Website là nó chạy thôi rất dễ dàng.




Để thêm hiệu ứng tuyết rơi cho Website của bạn, bạn chỉ cần làm ba bước như sau:

1.Bạn thêm mục Code HTML này vào nơi mà bạn muốn có tuyết rơi.


Mã:
<div id="snowflakeContainer">
    <p class="snowflake">*</p>
</div>

2.Bạn thêm mục CSS này vào phần <head> của trang.


Mã:
<style>
#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}
.snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    color: #FFFFFF;
    user-select: none;
    z-index: 1000;
}
.snowflake:hover {
    cursor: default;
}
</style>

3.Cuối cùng là file JavaScript. Và hãy để phía trước thẻ <body> bằng dòng sau.


Mã:
<script src="https://itrum.vn/js/fallingsnow_v6.js"></script>
Thế là đã hoàn thành rồi đấy. Thật dễ đúng không nào. Chúc các bạn thành công !!!
 

Thành viên trực tuyến

Không có thành viên trực tuyến.

Group TechViews

Thống kê diễn đàn

Chủ đề
1,407
Bài viết
2,939
Thành viên
6,532
Thành viên mới nhất
maygiatlg
Top Bottom