最新下载
24小时阅读排行榜
- 1 PHP如何获取当前日期和时间_PHP的date函数格式化日期时间详解
- 2 在Java中如何使用异常来控制程序流程
- 3 使用VSCode进行Vue.js开发
- 4 mysql如何查看索引的使用情况
- 5 Java继承与接口实现：常见错误解析与最佳实践
- 6 Java中ArithmeticException的常见触发原因
- 7 京东快递物流信息查询 京东包裹运输进度实时更新
- 8 CSS盒模型中的padding百分比相对于谁计算_CSS规范说明
- 9 pythonfor循环怎么对文件中的数字求和_pythonfor循环读取文件数字内容并求和的方法
- 10 即梦忘记密码了怎么办_即梦密码找回操作指南
- 11 电脑玩游戏时突然自动关机或重启
- 12 怎么跳过Win11联网登录 Win11安装时绕过微软账户的方法
- 13 手机CPU跑分软件哪个好_常用手机CPU跑分软件推荐与使用
- 14 Windows系统加密方法_BitLocker使用指南
- 15 windows10如何调整图标之间的水平和垂直间距_windows10桌面图标间距调整方法
最新教程
-
- Node.js 教程
- 7564 2025-08-28
-
- CSS3 教程
- 1060796 2025-08-27
-
- Rust 教程
- 12001 2025-08-27
-
- Vue 教程
- 14200 2025-08-22
-
- PostgreSQL 教程
- 10949 2025-08-21
-
- Git 教程
- 5188 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绘制雪花下雪动画特效。
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
