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

效果展示

				
时间: 2024-10-12 18:17:13

分享大家一个背景为下雪的JQuery的相关文章

自己写了一个无缝滚动的插件(jQuery)

效果图: html代码: 1 <h1>无缝滚动,向右滚动</h1> 2 <ul id="guoul1"> 3 <li><img src="img/f1.jpg" alt="f1"/></li> 4 <li><img src="img/f2.jpg" alt="f2"/></li> 5 <li&g

Quick-cocos2d-x3.3 Study (三)--------- 创建一个背景

创建一个背景 1 display.newSprite("image/main.png") 2 :pos(display.cx, display.cy) 3 :addTo(self) 4 5 pos : 位置 6 addTo : 添加到场景中

php画一个背景透明,且开始处旋转到在圆的正下方处的一个圆饼统计图

/* * _survey 得到一个投票的圆饼图 * @access public 表示函数对外公开 * @param $_agree 同意票数 * @param $_disagree 反对票数 * return 一张统计圆饼图 * */ function _vote($_agree,$_disagree){ //处理参数 if($_agree==0&&$_disagree==0){ $_vote = 270; } if($_agree==0&&$_disagree!=0){

【程序吧 www.qhttl.com】分享万圣节网页背景

万圣节主题网页炫酷背景 其中一张 更多访问 程序吧 使用方法:1.通过CSS作为网页背景图片调用.2.可在PS中定义为图案,然后使用填充里的图案功能铺满选区. 下载地址:万圣节网页背景 [程序吧 www.qhttl.com]分享万圣节网页背景,布布扣,bubuko.com

分享一款页面视差滚动切换jquery.localscroll插件

今天给大家分享一款页面视差滚动切换jquery.localscroll插件. 滚动鼠标液动条看下页面的切换效果.该插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="pageWidth" id="box_root"> <!-- 头部导航开始 --> <div id="nav&qu

与大家分享robotium一个小问题。Test run failed:Instrumentation run failed due to &#39;java.lang.ClassNotFoundException&#39;

今天和大家分享robotium一个小问题. 我们在运行自已经搭好的框架时,有可能会出现一个找不到类的错误(如上图所示). 问题是重签名工具给出的activity有误,这时我们可以用Appt命令查看重签名后的apk的activity,这个才是正确的. 1.进入到SDK安装目录下有Appt.exe程序的文件夹 2.输入命令aapt dump badging D:\qq.unar_debug.apk.(注:命令+apk的存放路径) 3.可查看包名.版本.开发用的sdk的版本 4.查看activity

swift 需求: 导航栏和HeaderView 使用一个背景图片。

问题界面 需求: 导航栏和HeaderView 使用一个背景图片.解决方案: 让 导航栏 变成透明. override func viewWillAppear(_ animated: Bool) { super.viewWillAppear(animated) // 1.设置导航栏半透明 self.navigationController?.navigationBar.isTranslucent = true // 2.设置导航栏背景图片 self.navigationController?.n

资深大牛分享:一个合格的Java程序员如何成长为优秀的架构师

踽踽独行上下求索总是痛苦,如果有良师益友陪伴点拨必能事半功倍.从新手码农到高级架构师,要经过几步?要多努力,才能成为为人倚重的技术专家?本文将为你带来一张程序员发展路径图,但你需要知道的是,天下没有普适的道理,具体问题还需具体分析,实践才能出真知.资深大牛分享:一个合格的Java程序员如何成长为优秀的架构师如果大家如果在自学遇到困难,想找一个java的学习环境,可以加入我们的java学习圈,点击我加入吧,会节约很多时间,减少很多在学习中遇到的难题. 我认为,架构师的内功主要包含三部分:判断力.执

CAD把一个dwg文件,或者图像文件当着一个背景导入(com接口VB语言)

主要用到函数说明: MxDrawXCustomFunction::Mx_OpenBackgroundFile 把一个dwg文件,或者图像文件当着一个背景导入.详细说明如下: 参数 说明 CString sFileName DWGBMPJPG文件路径,,文件件名为空时,清空背景文件 LONG lightColor = 0x505050 背景灰度显示颜色,灰度显示的颜色,默认值为0x505050 BOOL isZoomE = TRUE 是否自动把调用ZoomE操作,默认值为1 BOOL isUpDi