资讯专栏INFORMATION COLUMN

html5 飘雪花动画(增加背景音乐)

oliverhuang / 880人阅读

摘要:冬天到了,少不了这样的动画效果领导让加圣诞背景音乐效果查看地址端背景音乐开关按钮背景音乐开关控制端注意在端,元素在页面最上层,遮挡了页面下层所有元素,导致无法选中页面下层的元素,所以

冬天到了,少不了这样的动画效果(领导让加圣诞背景音乐)
效果查看地址:
1、PC端:https://www.huijindaicn.com/i...




    
    {$title}

    


    
    
    
    


2、WAP端:https://www.huijindaicn.com/w...
注意:在wap端,canvas 元素在页面最上层,遮挡了页面下层所有元素,导致无法选中页面下层的元素,所以另外加了触摸事件,其他与PC端相同
为页面添加触摸事件,使 canvas 元素 在用户触摸屏幕时排在页面元素的最底层,代码如下:

var canvas = document.getElementsByTagName("canvas");

document.addEventListener("touchstart", function(){
    canvas[0].setAttribute("style","z-index:-1");
}, false);

document.addEventListener("touchmove", function(){
    canvas[0].setAttribute("style","z-index:-1");
}, false);

document.addEventListener("touchend", function(){
    canvas[0].removeAttribute("style");
}, false);

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115354.html

相关文章

  • html5 雪花动画(增加背景音乐)

    摘要:冬天到了,少不了这样的动画效果领导让加圣诞背景音乐效果查看地址端背景音乐开关按钮背景音乐开关控制端注意在端,元素在页面最上层,遮挡了页面下层所有元素,导致无法选中页面下层的元素,所以 冬天到了,少不了这样的动画效果(领导让加圣诞背景音乐)效果查看地址: 1、PC端:https://www.huijindaicn.com/i... {$title} ...

    frontoldman 评论0 收藏0
  • html5 雪花动画(增加背景音乐)

    摘要:冬天到了,少不了这样的动画效果领导让加圣诞背景音乐效果查看地址端背景音乐开关按钮背景音乐开关控制端注意在端,元素在页面最上层,遮挡了页面下层所有元素,导致无法选中页面下层的元素,所以 冬天到了,少不了这样的动画效果(领导让加圣诞背景音乐)效果查看地址: 1、PC端:https://www.huijindaicn.com/i... {$title} ...

    seanHai 评论0 收藏0
  • H5实例教学--ThreeJs 实现粒子动画花效果

    摘要:我们还需要在粒子超出效果展示区域时,把粒子重新赋予一个初始位置这样,飘花瓣的效果,就完成了代码下载链接密码 showImg(https://segmentfault.com/img/bVKwfR?w=329&h=565); 粒子动画在ThreeJs可以用几种方式实现本次样例使用Sprite类来构建粒子 官方对Sprite类的解释 Sprite A sprite is a plane t...

    Andrman 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<