最新下载
24小时阅读排行榜
- 1 LINUX怎么锁定一个用户账户_Linux用户账户锁定方法
- 2 无法删除mysql中数据库如何解决
- 3 前端动态内容加载与URL路由实现指南
- 4 电脑功耗测试方法_电源功率计算指南
- 5 在Java中如何开发简易邮件发送系统_邮件发送系统开发指南
- 6 css边框颜色border-color设置技巧
- 7 php配置如何设置内存限制大小_php配置内存参数调整的详细指南
- 8 拼多多收藏夹无法删除商品怎么办 拼多多收藏管理修复方法
- 9 预防数据表格冻结列越界：理解与应对组件级缺陷
- 10 vscode插件怎么下载javascript_vscodeJavaScript开发增强插件下载方法
- 11 iPhone 11 Pro如何开启FaceTime共享屏幕
- 12 Go语言条件判断：优化if-else结构与switch语句的应用实践
- 13 斑马英语APP如何分享学习成果_斑马英语APP学习成果分享与社交功能使用方法
- 14 在css中行内元素display inline block区别
- 15 动态内容加载与URL深层链接：构建伪单页应用的实践指南
最新教程
-
- Node.js 教程
- 6896 2025-08-28
-
- CSS3 教程
- 988681 2025-08-27
-
- Rust 教程
- 10988 2025-08-27
-
- Vue 教程
- 13209 2025-08-22
-
- PostgreSQL 教程
- 10107 2025-08-21
-
- Git 教程
- 4986 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音乐播放器代码
