最新下载
24小时阅读排行榜
- 1 安卓追书神器免费下载_官方网页版小说阅读链接
- 2 Linux命令行中ifconfig与ip命令的区别
- 3 如何自己缴纳社保?
- 4 Java中字符串常量池的核心作用
- 5 AdobeFirefly模型怎么创建民间故事艺术_AdobeFirefly模型创建民间故事艺术全面指导
- 6 Java中注解的核心概念和使用价值
- 7 PHP代码怎么连接数据库_ PHP数据库连接配置与查询执行步骤
- 8 HTML与D3.js数据可视化前端库结合_HTML与D3.js数据可视化前端库结合详解
- 9 Snakemake在Slurm环境下实时输出与规则优化:深度教程
- 10 Java 项目 Makefile 指南:编译、执行与命令行参数处理
- 11 安装Java时如何避免与已有软件冲突
- 12 Java 项目 Makefile 实践:编译、运行与命令行参数处理
- 13 php怎么输出helloworld_php输出helloworld的基础语法详解
- 14 SQL 分组查询多条件筛选怎么写?
- 15 PHP如何处理错误和异常_PHP错误与异常处理机制详解
最新教程
-
- Node.js 教程
- 2793 2025-08-28
-
- CSS3 教程
- 288815 2025-08-27
-
- Rust 教程
- 3408 2025-08-27
-
- Vue 教程
- 4132 2025-08-22
-
- PostgreSQL 教程
- 4267 2025-08-21
-
- Git 教程
- 3261 2025-08-21
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/three.js"></script>
</head>
<body>
<script type="text/javascript">
document.writeln("<div class=\"snow\" style=\"height:1200px; background:#000; position:fixed; left:0px; top:0px; right:0px; bottom:0px; pointer-events: none;z-index: 9999;\"><canvas width=\"1904\" height=\"913\" style=\"position: absolute;left: 0;top: 0;\"></canvas></div>");
$(function() {
if (/MSIE 6|MSIE 7|MSIE 8/.test(navigator.userAgent)) {
return
}
var container = document.querySelector(".snow");
// IE9-10 pointer-events兼容
if (/MSIE 9|MSIE 10/.test(navigator.userAgent)) {
$(container).bind('click mousemove', function(evt) {
this.style.display = 'none';
var x = evt.pageX, y = evt.pageY
if ($(document).scrollTop() > 0 || $(document).scrollTop() > 0) {
x = x - $(document).scrollLeft() + 1
y = y - $(document).scrollTop() + 1
}
evt.preventDefault();
evt.stopPropagation();
var under = document.elementFromPoint(x, y);
var evtType = evt.type === 'click' ? 'click' : 'mouseenter'
if (evt.type === 'click') {
$(under)[0].click();
} else {
$(under).trigger('mouseenter');
}
$('body').css('cursor', 'default')
this.style.display = '';
return false;
});
这是一款给人3D立体空间感的jQuery+three.js雪花飘落动画效果,canvas绘制雪花下雪动画特效。

