jQuery黑客帝国 片头代码雨效果

所属分类:其他,UI-动画效果,背景

 27519  309  查看评论 (46)
jQuery黑客帝国 片头代码雨效果 ie兼容10

更新时间:2017/1/30 下午12:51:22

更新说明:修改了后面的数字,使生成各种稀奇古怪的字母,效果更好

String.fromCharCode(1e2 + Math.random() * 300);

① 用setInterval(draw, 33)设定刷新间隔

② 用String.fromCharCode(1e2+Math.random()*33)随机生成字母

③ 用ctx.fillStyle=’rgba(0,0,0,.05)’; ctx.fillRect(0,0,width,height); ctx.fillStyle=’#0F0′; 反复生成opacity为0.5的半透明黑色背景

④ 用x = (index * 10)+10;和yPositions[index] = y + 10;顺序确定显示字母的位置

⑤ 用fillText(text, x, y); 在指定位置显示一个字母 以上步骤循环进行,就会产生《黑客帝国》的片头效果。

相关插件-动画效果,背景

jQuery点赞+1动画效果

一款基于jQuery+CSS3实现的点赞+1动画效果,非常实用
  动画效果
 19337  217

jQuery+three.js雪花飘落动画效果

这是一款给人3D立体空间感的jQuery+three.js雪花飘落动画效果,canvas绘制雪花下雪动画特效。
  动画效果
 5588  42

按钮点击水波纹效果插件ripple.js

轻量级按钮点击水波纹效果,支持所有块级标签,使用非常简单。
  动画效果
 12623  170

canvas烟花效果

2018新年快乐烟花效果
  动画效果
 6750  81

讨论这个项目(46)回答他人问题或分享插件使用方法奖励jQ币

    落 幕 0
    2018/1/12 20:46:49

    这个能设置成屏保吗?

        喜剧&演员0
        2018/2/3 22:49:39
        应该不可以哦
    回复
    0
    2017/12/26 16:17:41
    青云墨玉 0
    2017/12/22 17:22:59
    围墙 0
    2017/12/6 16:16:55
    可以设置他从下向上执行吗???? 回复
    . 0
    2017/11/1 15:35:04

    牛逼啊!!!!!!

    回复
    long 0
    2017/10/25 11:47:00
    金牛座 0
    2017/10/19 15:01:26
    MIX谢先生 0
    2017/10/18 14:47:12
    简单也极端 0
    2017/10/13 14:48:30
    somnus333 0
    2017/9/27 23:41:15
取消回复