分享大家一个背景为下雪的JQuery

Posted 2020-07-22 Turbo12138

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了分享大家一个背景为下雪的JQuery相关的知识，希望对你有一定的参考价值。

<html><head>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <script type="text/javascript" src="../jquery-2.1.4.min.js"></script>
    <title>下雪了</title>
    <style type="text/css">
        html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
            margin: 0;
            padding: 0;
        }
        div p{line-height: 800px;text-align: center;font-size:100px;font-weight: 900;color:red}
    </style>

    <script type="text/javascript" src="ss.js"></script>
</head>

<body>
<div style="background-color:#0c91b8; height:1024px;">
<p>下雪了</p>
</div>
<script type="text/javascript" src="q.js"></script><canvas style="position: fixed; top: 0px; left: 0px; z-index: 5000; pointer-events: none; " id="canvas_snow" width="1440" height="330"></canvas>


</body></html>

效果展示

以上是关于分享大家一个背景为下雪的JQuery的主要内容，如果未能解决你的问题，请参考以下文章