怎么把黑客帝国的这段代码放在html主页的背后

cmaedu.com!--使用position:absolute;z-index:100;--

cmaedu.comcanvas id="q"/canvas

cmaedu.comdiv id="main" style=" position:absolute;z-index:100;top:10px;width:960px;height:400px;background:red;"123/div

script type="text/javascript" 

var s = window.screen; 

var width = q.width = s.width; 

var height = q.height = s.height; 

var letters = Array(256).join(1).split(''); 

var _div=document.getElementById("main"); 

_div.style.left=(width-960)/2+"px";//给主页面left定位;

cmaedu.comvar draw = function () { 

q.getContext('2d').fillStyle='rgba(0,0,0,.05)'; 

q.getContext('2d').fillRect(0,0,width,height); 

q.getContext('2d').fillStyle='#0F0'; 

cmaedu.comletters.map(function(y_pos, index){ 

cmaedu.comtext = String.fromCharCode(3e4+Math.random()*33); 

x_pos = index * 10; 

q.getContext('2d').fillText(text, x_pos, y_pos); 

cmaedu.comletters[index] = (y_pos  758 + Math.random() * 1e4) ? 0 : y_pos + 10; 

cmaedu.comsetInterval(draw, 33); 

cmaedu.com/script 

近3年的年度动画

cmaedu.com2003年动漫作品一览

《乔乔大冒险·第七部·SBR》

cmaedu.com《四叶妹妹》

《不可思议游戏-玄武开传》

《道端天使》

cmaedu.com《海贼王剧场版4·死亡尽头的冒险》

《守护之心 OVA 》

cmaedu.com《羊之歌 OVA》

cmaedu.com《四圣兽～圣兽降临编～》

《两颗Spica》

cmaedu.com《夜型爱人专门店》

《机兽新世纪》

cmaedu.com《尤尔达》

《无人惑星》

《魔法留学生》

cmaedu.com《圆盘皇女2 十二月的夜想曲》

《变形金刚:2003雷霆战队》

《机魂末世录》

《潜艇代号707R》

cmaedu.com《宇宙的星路》

cmaedu.com《神魂合体》

cmaedu.com《新北斗神拳 OVA》

cmaedu.com《快刀乱麻 OVA》

《翼神剧场版·多元变奏曲》

《寄生魔偶》

cmaedu.com《拜托了☆双子星》

《兽兵卫忍风贴·龙宝玉篇》

《梦想成真》

cmaedu.com《成惠的世界》

《6/17秀逗美眉》

cmaedu.com《克罗诺斯的大逆袭》

《天下霸道之剑（犬夜叉剧场版三）》

《L/R王室近卫队》

cmaedu.com《金色的卡修》

《钟之音学院》

《吉尔伽美什（时间之碎片）》

cmaedu.com《银河铁道物语》

《舞动的人鱼旋律》

《钢铁守护者》

cmaedu.com《火焰风暴》

《F-ZERO 传说》

《乳旋风》

《西部旷野天使》

《变身侦探》

《鼻毛真拳》

《战争程序员白濑》

cmaedu.com《空霸》

cmaedu.com《人间交叉点》

《.hack//GIFT》

cmaedu.com《星际少年队》

《魔侦探洛基》

《复仇天使》

《死体兵》

《高机动幻想·新结行军歌》

《妄想科学美少女》

《君望永远》

《樱花大战 OVA3 战斗在燃烧的巴黎》

cmaedu.com《瓶诘妖精（瓶中精灵）》

《英雄》

cmaedu.com《暗与帽子与书之旅人》

cmaedu.com《魁!!库洛马迪高校》

cmaedu.com《铁臂阿童木》

cmaedu.com《读或死》

《蝙蝠侠》

《奇诺之旅》

《武装炼金》

cmaedu.com《巷说百物语》

cmaedu.com《卡莱多之星》

cmaedu.com《侦探学园 Q》

cmaedu.com《孙悟空》

cmaedu.com《枪墓/铳墓》

《真月谭 月姬》

《天使怪盗》

《茄子－安达卢西亚之夏》

cmaedu.com《快枪少女（枪姬）》

cmaedu.com《爱的魔法》

《R.O.D -THE TV-》

cmaedu.com《圣枪修女》

cmaedu.com《机动新撰组》

《辛巴达七海传奇》

《废弃公主》

cmaedu.com《真月谭月姬》

《钢之炼金术师》

《新选组异闻录·铁》

《最游记RELOAD》

《星空清理者》

cmaedu.com《最后之放逐者》

《魔法使的注意事项》

《高桥留美子剧场》

cmaedu.com《Wonderful Days》

cmaedu.com《全金属狂潮2》

《一骑当千》

cmaedu.com《灌篮少年》

《黑客帝国动画版》

cmaedu.com《Mouse》

cmaedu.com《.hack黄昏の腕轮传说》

cmaedu.com《狼雨》

cmaedu.com2004年动漫作品一览

cmaedu.com《捉迷藏》(Kakurenbo)

cmaedu.com《未完之月》(Crescent Moon)

cmaedu.com《PLUTO》(PLUTO)

《除魔美少女》(My Code Name is Charmer)

cmaedu.com《甜蜜糖罐》(Sugar Pot)

《对面的对面》(There, Beyond the Beyond)

cmaedu.com《自恋痴情花》()

cmaedu.com《天罚-天使拉比 OVA》(Tenbatsu Angel Rabbie)

cmaedu.com《风人物语》(Windy Tales)

《圣母在上~春~》(Maria-sama ga Miteru)

cmaedu.com《滑板战士》(Get Ride Amdriver)

《超变身祈斗士》(The Cosmopolitan Prayers)

《Power!活力100%》(Power!!)

《次元舰队》(Zipang)

《梦物语（真实梦境）》(Yumeria)

《To Heart 2》(ToHeart - Remember my memories)

《头文字D 第四部》(Initial D: Fourth Stage)

cmaedu.com《红莲之蓬莱岛（犬夜叉剧场版四）》( Inuyasha the Movie 4: Fire on the Mystic Island)

《苏生龙王传说》(Legendz)

《恋风》(Koi Kaze)

《甲虫王者mushikingu ～森林的人民的传说》(King of Beetle Mushiking - Legend of the Forest People)

《妖逆门》(Bakegyamon)

《DearS》(DearS)

cmaedu.com《向北》(Kita He Diamond Dust Drops)

cmaedu.com《落叶》(Dead Leaves)

cmaedu.com《光与水的女神》(Daphne in the Brilliant Blue)

cmaedu.com《高尔夫小子》(Dan Doh!!)

cmaedu.com《瑶玲啊，瑶玲》()

cmaedu.com《地球少女》(Arjuna)

《 名侦探波罗和马普尔夫人》(Agatha Christie\'s Great Detectives Poirot and Marple)

《倒凶十将传》(10 Tokyo Warriors)

cmaedu.com《Burn-Up Scramble》(Burn-Up Scramble)

cmaedu.com《绚烂舞踏祭》(The Mars Daybreak)

cmaedu.com《超重神2》(Gravion 2)

cmaedu.com《俏丽搭档》(Hutariha Precure)

《陆奥圆明流外传—修罗之刻》(Shura no Toki)

《LOVE LOVE》(LOVE?LOVE?)

cmaedu.com《老师的时间》(Doki Doki School Hours)

《魔法少女队阿尔斯》(Mahou Shoujo Tai Arusu)

cmaedu.com《风-心之呼吸》(Wind ~ a breath of heart ~)

《天空断罪》(Tenku Danzai Skelter Heaven)

cmaedu.com《爱情泡泡糖》(Final Approach)

cmaedu.com《吟游默示录》(meine liebe)

cmaedu.com《拳王创世纪1》(Ring ni Kakero1)

cmaedu.com《迪奥传说》(legend of Duo)

cmaedu.com《驰风！赛艇王》(Monkey Turn)

《现视研》(GenShiKen)

cmaedu.com《苹果核战记 电影版》(Apple Seed Movie)

cmaedu.com《妖精旋律（妖精之歌）》(ELFEN LIED)

《School Days》(School Days)

cmaedu.com《危险代理行》(MEZZO)

cmaedu.com《KERORO军曹》(KERORO Gunso)

《火影忍者剧场版2004-雪姬忍法帖》(UkiHimeNinbouChuu)

《樱花大战 OVA4 崭新的巴黎》(Sakura Wars OVA 4)

《水平线上的阴谋》(名侦探柯南剧场版第9弹)

《第一神拳》(the fighting ippo)

cmaedu.com《我爱你baby》(Aishiteru ze Baby)

cmaedu.com《风人物语》(WINDY TALE - Fuujin Monogatari -)

cmaedu.com《月咏》(Tsukuyomi - Moon Phase)

《圣魔之血》(Trinity Blood)

《诗片》(Uta-Kata)

《蒸汽男孩》(Steamboy)

cmaedu.com《高达SEED DESTINY》(Gundam SEED Destiny)

《极道鲜师》(Gokusen)

cmaedu.com《幻想传说OVA》(Tales of Phantasia)

《海贼王剧场版5·被诅咒的圣剑》(One Piece - Norowareta Seiken)

cmaedu.com《喧嚣学院/校园迷糊大王》(School Rumble)

《银翅膀的魔术师》(名侦探柯南剧场版)

《遥远的时空中·八叶抄》(Haruka 8)

《哈尔的移动城堡》(Howl's Moving Castle)

《冒险王比特》(Boken Oh Beet)

cmaedu.com《流星战队》(Ryusei Sentai Musumet)

cmaedu.com《阴阳大战记》(Onmyo Taisenki)

《艾莉斯学园》(Gakuen Alice)

《岩窟王》(Gankutsu Oh)

cmaedu.com《神无月的巫女》(Kannazuki no Miko)

cmaedu.com《微笑的闪士》(Grenadier - Hohoemi no Senshi)

《拳王本色》(Ring ni Kakero 1)

《日式面包王》(Yakitate!! Japan)

cmaedu.com《怪医秦博士》(Black Jack TV)

《侍铳》(Samurai Gun)

cmaedu.com《红侠乔伊》(Viewtiful Joe)

《天狗》(tactics)

cmaedu.com《幻想少年（奇幻儿童）》(Fantastic Children)

cmaedu.comBECK()

cmaedu.com《魔法少女奈叶》(Mahou Shoujo Ririkaru Nanoha)

《新·三一万能侠》(shin getta robot)

cmaedu.com《死神》(Bleach)

cmaedu.com《攻壳机动队2剧场版：无罪》(Ghost in the Shell 2: Innocence)

《库拉乌－幻之记忆》(Kurau phantom memory)

《女生万岁》第一季(GIRLS Bravo)

《苍穹的法芙娜》(Fafner in the Azure)

cmaedu.com《舞·HIME》(Mai Hime/My Hime)

cmaedu.com《御伽草子》(Otogizoushi)

cmaedu.com《七武士》(Samurai 7)

《基地88》(Area 88)

cmaedu.com《这丑陋而美丽的世界》(The Ugly and Beautiful World)

《蓝海之都·特利思提亚》(Aoi Umi no Tristia)

cmaedu.com《杀戮都市》(GANTZ)

cmaedu.com《混沌武士》(Samurai Champloo)

《最游记 RELOAD Gunlock》(Saiyuki RELOAD Gunlock)

《天上天下》(Tenjho Tenge)

cmaedu.com《爆裂天使》(baku tenshi)

《仙境传说》(Ragnarok The Animation)

《圣都（玛德莱克斯）》(Madlax)

cmaedu.com《东京教父》(Tokyo Godfathers)

《忘却的旋律》(The Melody Of Oblivion)

cmaedu.com《今天我魔王》(Kyo Kara Maoh!)

cmaedu.com《动画制作进行 黑美》(Animation Runner Kuromi)

《勇午·交涉人》(YUGO)

《妄想代理人》(Paranoia Agent)

cmaedu.com《SD高达Force》(SD Gundam Force)

cmaedu.com《攻壳机动队 S.A.C. 2nd GIG》()

《柳生十兵卫2——柳生的逆袭》(Jubei-Chan 2: The Counter Attack of Siberia Yagyu)

《棋魂》2004新春特别篇－走向北斗杯(Hikaru No Go: New Year Special)

2005年动漫作品一览

cmaedu.com《假面骑士·响鬼》(Kamen Rider Hibiki)

cmaedu.com《太空堡垒·暗影编年史》(Robotech: The Shadow Chronicles)

《无重力少年》(Uchuu no Stellvia)

cmaedu.com《暴风雨之夜》(Arashi no Yoru ni)

《战国月夜》(Sengoku Nights)

《新·风云三姐妹》(Shaolin Sisters: Reborn)

cmaedu.com《圣光之翼 OVA》(Wings of Rean)

cmaedu.com《妖精标本》(Fairy Cube)

cmaedu.com《特务战队》(Shinesman)

《不可思议的教室》(Pani Poni Dash!)

cmaedu.com《幻之地底遗迹（火影忍者剧场版第2部）》(Naruto movie 2)

cmaedu.com《闪耀计划 OVA》(Kirameki Project)

《神是中学生》(Kamichu)

cmaedu.com《嫁情曲》()

《D.I.C.E.》(ディノブレイカー)

cmaedu.com《极速方程式》(Capeta)

cmaedu.com《我不是天使》()

《圣龙小公主梦幻奇迹》()

cmaedu.com《xxxHOLiC 仲夏夜之梦 剧场版》(XXXHOLiC)

《苍白的茧(记忆裂痕) OVA》(Pale Cocoon)

《我是小粘粘》(petopeto)

《老婆是魔法少女》(mahousyoujo)

cmaedu.com《漫画同人会 革命》(Comic Party Revolution)

cmaedu.com《草莓棉花糖》(Ichigo Mashimaro)

《大空魔龙》(ガイキング Legend of Daiku-Maryu)

《增血鬼果林》(Karin)

cmaedu.com《动物横町》(Animal Yokocho)

cmaedu.com《格斗美神-武龙》(Fighting Beauty Wulong)

《星界的战旗3 OVA》(Seikai no Senki III)

《最终兵器彼女 OVA》(Another love song mission)

《SHUFFLE!》(SHUFFLE!)

cmaedu.com《蓝色潮痕》(TIDE-LINE BLUE)

cmaedu.com《极乐天师（不要撒娇哦!!）》(amae)

cmaedu.com《机动战士高达Z-星之继承者》(GUNDAM Z Heirs to the Stars)

cmaedu.com《超越时空的障壁》(MUNTO ~ Toki no Kabe wo Koete ~)

《星空防卫队 OVA2》(Stratos 4 Advance)

cmaedu.com《天上天下OVA终极格斗》(Tenjo Tenge : Ultimate Fight)

cmaedu.com《海贼王剧场版6 狂欢男爵和神秘岛》(Omatsuri Danshaku to Himitsu no Shima)

《钢之炼金术师 香巴拉的征服者》(Full Metal Alchemist The Movie Conqueror of Shambala)

cmaedu.com《长今梦》(Janggeum's Dream)

cmaedu.com《绝对少年》(Zettai Shonen)

《超级机器人大战OG》(Super Robot Taisen ORIGINAL GENERATION)

cmaedu.com《初音岛 第二季》(Da Capo ~Second Season~)

《枪与剑》(GUN X SWORD)

cmaedu.com《梦里人》(The Dreaming Girl)

cmaedu.com《玫瑰少女Ⅱ》(Rozen Maiden Tr?umend)

《棒球大联盟第二季》(MAJOR 2nd season)

cmaedu.com《虫师》(Mushishi)

《我永远的圣诞老人》(Itsudatte My Santa | OVA)

cmaedu.com《圣斗士星矢·冥界篇前章》(Saint Seiya : The Hades Chapter Inferno)

cmaedu.com《I"s Pure》(OVA)

cmaedu.com《蔷薇少女2梦之终结》(rozen-maiden traumend)

《天堂之吻》(Paradise Kiss)

cmaedu.com《凉风》(Suzuka)

cmaedu.com《到另外一个你的身边去》(NOEIN)

cmaedu.com《玻子汽水》(Lamune)

《银盘万花筒》(Ginban Kaleidoscope)

cmaedu.com《IGPX》(Immortal Grand Prix)

cmaedu.com《Blood+》(Blood+)

《曙光少女》(Solty Rei)

cmaedu.com《舞☆乙Hime》(My-ZHime)

cmaedu.com《水星领航员》(ARIA The Animation)

《灼眼的夏娜》(Shakugan No Shana)

《克拉斯特学院》(Cluster Edge)

《地狱少女》(Jigoku Shojo)

《幸福七人组》(Happy Seven)

《七彩的素描》(Canvas2)

cmaedu.com《黑猫》(Black Cat)

《雪之女王》(The Snow Queen)

cmaedu.com《强殖装甲凯普》(Guyver The Bioboosted Armor)

《天使心》(Angel Heart)

《最终幻想VII-降临之子》(Final Fantasy VII Advant Children)

cmaedu.com《全金属狂潮3》(Full Metal Panic!The Second Raid)

《圣魔之血》(Trinity Blood)

《交响诗篇》(Eureka)

《蜂蜜与三叶草》(HoneyClover)

cmaedu.com《双恋2》(Futakoi Alternative)

cmaedu.com《极上生徒会》(Gokujou Seitokai)

《翼》(Tsubasa Chronicles)

《甲贺忍法帖》(Basilisk ~ Koga Ninpo Cho ~)

cmaedu.com《速写者》(Speed Grapher)

cmaedu.com《无爱之战》(LOVELESS)

《玻璃假面》(Glass Mask)

cmaedu.com《植木的法则》(The Law Of Ueki)

cmaedu.com《英国恋爱物语》(Victorian Romance Emma)

cmaedu.com《武器种族传说》(Erementar Gerad)

《乌鸦》(Karas)

《创圣之阿克艾利欧》(Sosei no Aquarion)

cmaedu.com《光速跑者21号》(Eye shield 21)

cmaedu.com《出云战记》(IZUMO - Takeki Ken no Senki -)

cmaedu.com《魔界奇兵MAR》(MAR)

《我的主人爱作怪》(He is my master)

《扑杀天使小骷髅》(Bokusatu Tenshi Dokuro-chan)

《魔法老师》(Maho Sensei Negima)

《新世纪福音战士：钢铁的女友2nd》(Neon Genesis Evangelion : The Iron Madien 2nd)

cmaedu.com《飞跃巅峰2》(Gunbuster 2)

《零秒出手》(BUZZER BEATER)

cmaedu.com《伊里野的天空、UFO之夏》(Iriya no Sora UFO no Natsu)

cmaedu.com《云之彼端，约定的地方》(Kumonomukou)

cmaedu.com《异度传说》(Xenosaga THE ANIMATION)

《新释·战国英雄传说·真田十勇士》(Sanada Juyushi Special)

cmaedu.com《女生万岁》第2季(Girls Bravo Second Season)

cmaedu.com《吊车尾动物》(Damekko Doubutsu)

《炎魂》(B-Densetsu! Battle Bedaman)

cmaedu.com《极限女孩》(UG Ultimate Girl)

《王牌鉴定人》(Gallery Fake)

《喜欢就是喜欢》(Sukina Mono wa Suki Dakara Shoga Nai)

cmaedu.com《变形金钢之银河军队》(Transformer Galaxy Force)

《蜜桃女孩》(PEACH CLUB)

《我的女神》(Ah! My Godess!)

cmaedu.com《AIR》()

cmaedu.com《人机 Extend》(Jinki Extend)

《星舰驾驶员》(Starship Operator)

cmaedu.com《砂和尚（沙孩儿）》(Sunabozu)

cmaedu.com《魔法的坎娜》(Magical Canan)

cmaedu.com《流奇谭X》(Raimuiro Ryukitan X ~ Koi, Oshiete Kudasai ~)

《我们的险境》(Mahoraba Heartful Days)

cmaedu.com《怪物》(Monster)

cmaedu.com《圣斗士星矢·冥王篇》(Saint Seiya : The Hades Chapter Inferno

cmaedu.com

HTML5模仿黑客帝国文字矩阵特效，怎么样可以确定文字显示

cmaedu.com!DOCTYPE html

cmaedu.comhtml

head

cmaedu.comtitle黑客帝国效果/title

/head

cmaedu.combody

canvas id="canvas"/canvas

cmaedu.comstyle type="text/css"

body{margin: 0;

cmaedu.compadding: 0;

cmaedu.comoverflow: hidden;}

/style

cmaedu.comscript type="text/javascript"

cmaedu.comvar canvas = document.getElementById('canvas');

cmaedu.comvar ctx = canvas.getContext('2d');

cmaedu.comcanvas.height = window.innerHeight;

cmaedu.comcanvas.width = window.innerWidth;

cmaedu.comvar texts = '0123456789'.split('');

var fontSize = 16;

var columns = canvas.width/fontSize;// 用于计算输出文字时坐标，所以长度即为列数

var drops = [];//初始值

cmaedu.comfor(var x = 0; x columns; x++){

cmaedu.comdrops[x] = 1;

cmaedu.comfunction draw(){

//让背景逐渐由透明到不透明

cmaedu.comctx.fillStyle = 'rgba(0, 0, 0, 0.05)';

ctx.fillRect(0, 0, canvas.width, canvas.height);//文字颜色

ctx.fillStyle = '#0F0';

cmaedu.comctx.font = fontSize + 'px arial';//逐行输出文字

for(var i = 0; i drops.length; i++){

cmaedu.comvar text = texts[Math.floor(Math.random()*texts.length)];

cmaedu.comctx.fillText(text, i*fontSize, drops[i]*fontSize);

if(drops[i]*fontSize canvas.height || Math.random() 0.95){

drops[i] = 0;

cmaedu.comdrops[i]++;}}

cmaedu.comsetInterval(draw, 33);

cmaedu.com/script

cmaedu.com/body