UDN-企业互联网技术人气社区

板块导航

浏览  : 635
回复  : 8

[jQuery] jQuery仿微信表情雨的插件

[复制链接]
cat77的头像 楼主
发表于 2017-1-11 15:28:18 | 显示全部楼层 |阅读模式
  仿微信表情雨效果插件。在微信中发送“么么哒”、“想你了”、“恭喜发财”、“生日快乐”等关键字,屏幕上会下一小段时间的表情雨。本插件实现了下表情雨的效果,并且还进行了扩展,支持多表情的表情雨。实际效果请看:

  在线演示

  源码下载

  安装方法

  由于是基于jQuery的扩展插件,因此引入jQuery是必须的。

  此外,还需引入插件自身的实现脚本。
  1. <scriptsrc="https://code.jquery.com/jquery-1.12.4.min.js"></script>
  2. <scriptsrc="../js/jquery.rain.min.js"></script>
复制代码

  使用示例 

  插件会在指定的元素范围内运行,如果找不到指定的元素,插件将以body元素作为容器。
  1. $(function(){
  2.     $('body').rain({
  3.         // 使用哪个/组图标,可选值 star/cake/emoji/two/three
  4.         useIcon: 'three',
  5.         // 元素可选动画:auto/none/rotate/rotateX/rotateY
  6.         animate: 'none',
  7.         // 下雨动画持续时间,单位秒
  8.         rainTime: 10,
  9.         // 是否自动停止下雨动画
  10.         autoStop: true,
  11.         // 动画执行时长,区间:[最小值, 最大值],单位秒
  12.         duration: [1, 4],
  13.         // 图标显示大小,区间:[最小值, 最大值]
  14.         scale: [0.8, 1.2]
  15.     });
  16. });
复制代码

  更多详细信息,请参看 源码

相关帖子

发表于 2017-1-11 15:28:47 | 显示全部楼层
其实js如果遇到web安全类的项目,那就又要做牺牲了,无法读写文件,访问受限。。。哎。。。
使用道具 举报

回复

发表于 2017-1-11 15:28:47 | 显示全部楼层
又见楼主分享帖子
使用道具 举报

回复

发表于 2017-1-11 15:28:47 | 显示全部楼层
感觉JavaScript很有前途
使用道具 举报

回复

发表于 2017-1-11 15:28:47 | 显示全部楼层
Very Good!
使用道具 举报

回复

发表于 2017-1-11 15:28:50 | 显示全部楼层
无论是不是沙发都得回复下
使用道具 举报

回复

发表于 2017-1-11 22:13:16 | 显示全部楼层
学习
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388转1
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部