最新下载
jQuery点击文字滚动Scrollocue插件
24小时阅读排行榜
- 1 如何使用Golang获取文件扩展名_Golang filepath Ext方法解析
- 2 如何使用Golang开发标签分类管理模块_Golang分类系统实践说明
- 3 JavaScript Axios是什么_它有什么特点？
- 4 如何使用Golang处理HTTP请求超时_使用Context和Server配置超时
- 5 phpstorm怎么运行html5_PHPStorm右键选Run运行html5文件预览效果【操作】
- 6 cssmargin塌陷导致元素位置异常怎么办_cssmargin塌陷问题用overflow修正
- 7 JavaScript原型链是什么以及如何理解它？
- 8 Linux软件包如何安装_yum与apt使用对比【教程】
- 9 SQL字段默认值怎么设置_表设计阶段注意事项讲解【教学】
- 10 CSS工具与框架之间有什么区别_CSS工具与框架的应用差异说明
- 11 如何在mysql中创建索引_mysql索引创建方法说明
- 12 html5如何绘制文本_HTML5文本绘制方法与Canvas文字绘制技巧【教程】
- 13 ubuntu怎么安装php环境_ubuntu命令行安装步骤【实操】
- 14 css flex子项宽度计算不准确怎么办_用flex-basis明确设置初始宽度避免折算偏差
- 15 如何html5页面_制作符合HTML5标准的页面【标准】
最新教程
-
- Node.js 教程
- 14127 2025-08-28
-
- CSS3 教程
- 1540684 2025-08-27
-
- Rust 教程
- 21831 2025-08-27
-
- Vue 教程
- 24340 2025-08-22
-
- PostgreSQL 教程
- 21060 2025-08-21
-
- Git 教程
- 8299 2025-08-21
jQuery侧边圣诞老人滑动面板是一款基于jQuery+CSS3实现的全屏下着雪花场景动画。
var ww = 0;
var wh = 0;
var maxw = 0;
var minw = 0;
var maxh = 0;
var textShadowSupport = true;
var xv = 0;
var snowflakes = ["\u2744", "\u2745", "\u2746"];
var prevTime;
var absMax = 200;
var flakeCount = 0;
$(init);
function init() {
var detectSize = function() {
ww = $(window).width();
wh = $(window).height();
maxw = ww + 300;
minw = -300;
maxh = wh + 300;
};
detectSize();
$(window).resize(detectSize);
if (!$('body').css('textShadow')) {
textShadowSupport = false;
}
/* Should work in Windows 7 /*
if (/windows/i.test(navigator.userAgent))
{
snowflakes = ['*']; // Windows sucks and doesn't have Unicode chars installed
//snowflakes = ['T']; //No FF support for Wingdings
}
*/
// FF seems to just be able to handle like 50... 25 with rotation
// Safari seems fine with 150+... 75 with rotation
var i = 50;
while (i--) {
addFlake(true);
}
prevTime = new Date().getTime();
setInterval(move, 50);
}
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
