<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的更多相关文章
	

    
								
  1. 分享七款视差滚动效果的jQuery 插件
		
    视差(Parallax)是指从不同的点看一个物体时形成的视觉差异,这个名词是源自希腊文的παράλλαξις (parallaxis),意思是”改变”.在网页设计中,视差滚动(Parallax Scr ...
    
		
    2. 
						
  2. 用bootstrap做一个背景可轮转的登录界面
		
    用bootstrap做一个背景可轮转的登录界面 一.总结 一句话总结:用css3的动画的 @keyframes 规则,制作轮转图. 1.用bootstrap做一个背景可轮转的登录界面? a.动画部分用 ...
    
		
    3. 
						
  3. 与大家分享robotium一个小问题。Test run failed：Instrumentation run failed due to 'java.lang.ClassNotFoundException'
		
    今天和大家分享robotium一个小问题. 我们在运行自已经搭好的框架时,有可能会出现一个找不到类的错误(如上图所示). 问题是重签名工具给出的activity有误,这时我们可以用Appt命令查看重签 ...
    
		
    4. 
						
  4. 分享一款页面视差滚动切换jquery.localscroll插件
		
    今天给大家分享一款页面视差滚动切换jquery.localscroll插件. 滚动鼠标液动条看下页面的切换效果.该插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera ...
    
		
    5. 
						
  5. 写一个背景渐变的TextView输入框
		
    1:在res文件夹下新建一个drawble文件夹,并新建一个背景文件如writebg.xml <?xml version="1.0" encoding="utf-8 ...
    
		
    6. 
						
  6. 好程序员分享居中一个float元素
		
    好程序员分享居中一个float元素,我们布局的时候,用margin来设置float元素的外边距来达到效果.对于,在文档流中的元素,我们很容易让它水平居中,只要给元素设置一个固定的宽度,用margin: ...
    
		
    7. 
						
  7. swift 需求： 导航栏和HeaderView 使用一个背景图片。
		
    问题界面 需求: 导航栏和HeaderView 使用一个背景图片.解决方案: 让 导航栏 变成透明. override func viewWillAppear(_ animated: Bool) {  ...
    
		
    8. 
						
  8. Hexo Next配置百度分享、加入动态背景、接入网页在线联系功能、页脚增加统计功能、添加gitment、添加热度、阅读量排行
		
    Hexo Next配置百度分享.加入动态背景.接入网页在线联系功能.页脚增加统计功能.添加gitment.添加热度.阅读量排行: https://wangc1993.github.io/categor ...
    
		
    9. 
						
  9. 今天领导分享了一个探测端口的命令-linux下提示bash:command not found
		
    今天领导分享了一个探测端口的命令,于是试了一下,提示未找到-bash: nc: command not found  因此决定将bash的命令在复习一下,温故而知新 总结整理于此: 确定你的DNS可以 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. IOS 登陆判断问题
			
    有一个登陆界面,还有一个包含多个选项卡的界面在ViewController.m中登陆按钮的代码如下 UIViewController *controller=[[Tabbarcontroller al ...
    
			
    2. 
						
  2. 在DataGridView控件中加入ComboBox下拉列表框的实现
			
    在DataGridView控件中加入ComboBox下拉列表框的实现 转自:http://www.cnblogs.com/luqingfei/archive/2007/03/28/691372.htm ...
    
			
    3. 
						
  3. 在Eclipse中使用JSHint检查JavaScript
			
    之前使用 JSlint 来校验 JavaScript 代码,发现灵活性不够,因此改用 JSHint.按照官方的说法,JSHint 是一个社区驱动(community-driven)的工具,用于检测Ja ...
    
			
    4. 
						
  4. spring mvc+mybatis+多数据源切换
			
    spring mvc+mybatis+多数据源切换,选取oracle,mysql作为例子切换数据源.oracle为默认数据源,在测试的action中,进行mysql和oracle的动态切换. web. ...
    
			
    5. 
						
  5. ECMAScript中关于如何获取this的定义
			
    文章中一些名词的翻译存疑,没有查过正式的中文名称 前面都是具体过程的解释,懒得看可以直接看获取思路 有关this的取值请移步JavaScript笔记--this的取值 获取this的过程 Runtim ...
    
			
    6. 
						
  6. 使用swf与swc引入资源的区别[as3]
			
    SWF用于运行时加载,而SWC在编译时用做外部库.使用SWC库,只有当类被引用,才编译入主程序中. getDefinition: 在使用swc库方式引入资源时,getDefinitionByName反 ...
    
			
    7. 
						
  7. css sprites介绍
			
    一.CSS Sprites简介 通常被意译为“CSS图像拼合”或“CSS贴图定位”.CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,CSS Sprites并不是什么金科玉 ...
    
			
    8. 
						
  8. CAS单点登录中文用户名乱码问题
			
    CAS单点登录中文用户名乱码问题,有两种情况 1. CAS server乱码 即在向server端提交用户名和密码时,发生了乱码,解决方法是: 打开WEB-INF/web.xml,在其它的Filter ...
    
			
    9. 
						
  9. Linux_文件打包,压缩,解压
			
    一.压缩命令 文件格式:*.gz 命令:gzip 文件名 (ps:不能压缩目录,切压缩后不保留原文件) 压缩前 -rw-r--r--. 1 root root 315 Sep 6 21:03 df.t ...
    
			
    10. 
						
  10. php中提示Undefined index的解决方法
			
    我们经常接收表单POST过来的数据时报Undefined index错误,如下: $act=$_POST['action']; 用以上代码总是提示 Notice: Undefined index: a ...
    
			
    11.