欢迎加QQ共同学习:942389183

分享大家一个背景为下雪的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>

效果展示


posted @ 2016-06-08 09:23  Turbo12138  阅读(171)  评论(0编辑  收藏  举报