基于jquery的非常逼真的全屏下雪效果

所属分类:其他-动画效果

 38951  470  查看评论 (4)
分享到微信朋友圈
X
基于jquery的非常逼真的全屏下雪效果 ie兼容9

首先引入依赖文件:

<script type="text/javascript" src="./js/ThreeCanvas.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="./js/Snow.js"></script>
<script type="text/javascript" src="./js/snowFall.js"></script>

调用jquery全局方法:

$.snowFall({
//创建粒子数量,密度
particleNo: 100,
//粒子下拉速度
particleSpeed:15,
//粒子在垂直(Y轴)方向运动范围
particleY_Range:1300,
//粒子在垂直(X轴)方向运动范围
particleX_Range:1000,
//是否绑定鼠标事件
    bindMouse: false,
    //相机离Z轴原点距离
    zIndex:600,
  //摄像机视野角度
    angle:55,
    wind_weight:0
});


相关插件-动画效果

超级牛B的js效果

跟上一个心的形状用的类似的方法。不用我多说,看了就知道有多牛B了哦。可兼容手机。暂停之后一个手指拖动改变视角,两个手指可以调整视角的大小,三个手指可以移动。
  动画效果
 58716  331

jQuery超酷文字淡入淡出显示特效

文字淡入淡出显示特效
  动画效果
 35728  363

点击效果Google Design 谷歌的设计团队

效果是 Google Design 也就是谷歌的设计团队博客用到了这个效果 , 当时的第一感觉就是 擦 ,google就是牛逼, 一个按钮点击也要酷到不要不要的了
  动画效果
 38484  500

CSS3提交按钮动画特效

这个提交按钮效果有两组动画:当屏幕大于800px的时候是一个动画效果,当屏幕小于800像素的时候是另一种动画效果。缩放你的浏览器看看不同的提交按钮动画效果吧!
  动画效果
 44421  428

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    银月 0
    2017/9/21 12:05:02
    水果忍者 0
    2016/5/17 11:05:45
    Addslashes-Father 0
    2016/4/21 9:04:36
    挺不错的,收藏 回复
    疏梦寒星 0
    2016/3/1 13:03:35
    不错的插件,收藏了 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复