最新下载
24小时阅读排行榜
- 1 小红书蒲公英入口快速定位_小红书蒲公英官网链接分享
- 2 中暑了有什么症状？怎么办？
- 3 Linux搜索文件命令find常用参数
- 4 Java中final类和final方法使用注意事项
- 5 拷贝漫画ios官网入口 拷贝漫画ios官网进入网站
- 6 你的设备遇到问题需要重启win10
- 7 win10系统语言怎么修改成中文_系统显示语言更改与中文语言包安装
- 8 解决React中map渲染组件beforeunload事件的数据捕获问题
- 9 PHP源码session管理机制_PHP源码session管理机制讲解
- 10 WhatsApp深色模式切换指南-WhatsApp界面设置中文官网教程
- 11 Go 方法定义与结构体分离的优势
- 12 使用 scipy.integrate.quad 积分指示函数：陷阱与解决方案
- 13 DescriptAI如何编辑民间故事音频_DescriptAI编辑民间故事音频全面操作教程
- 14 phpcms上传附件大小限制修改
- 15 JS 深拷贝实现方案对比 - 处理循环引用的结构化克隆算法解析
最新教程
-
- Node.js 教程
- 2602 2025-08-28
-
- CSS3 教程
- 241445 2025-08-27
-
- Rust 教程
- 3107 2025-08-27
-
- Vue 教程
- 3800 2025-08-22
-
- PostgreSQL 教程
- 3977 2025-08-21
-
- Git 教程
- 3127 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音乐播放器代码
