*

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

Thảo luận trong 'Share Code' bắt đầu bởi ChenJi, 1/12/17.

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

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

    Share Code, 1/12/17. Trả lời: 0, Xem: 250

    ChenJi
    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.

    [​IMG]


    Để 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.net/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 !!!
     

trang này

: