DIỄN ĐÀN ITRUM

Nơi Chia Sẻ Tài Liệu, Thủ Thuật, Code Và Kinh Nghiệm Cho Anh Em Công Nghệ

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. Share Code

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

    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 !!!
     

    Bài viết mới

  2. Bình Luận Bằng Facebook

trang này