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

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

 24200  283  查看评论 (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); 在指定位置显示一个字母 以上步骤循环进行,就会产生《黑客帝国》的片头效果。

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

文字插件特效_文字动画特效js插件

此插件是针对文字写的一个动画插件,主要可运用在开场和出场的时候,插件方便小巧,只需要配置参数即可达到数十种动画效果
  动画效果
 17503  385

css实现任务奔跑

利用backgroundposition,实现人物跑步的动画 ,并且支持快慢,暂停等
  动画效果
 10653  114

DynamicData更新版

用来显示动态更新的数据,修改之前点击stop无效的bug,并且优化按钮选项
  动画效果
 8686  9

CSS3按钮发光动画 绚丽多彩

CSS3按钮发光动画 绚丽多彩
  动画效果
 13230  80

讨论这个项目(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
取消回复