如何打造<骇客帝国>样式的爱情密码

非 ☆ • f } w ∧ मैँ • f } w म्हैँ ☆ • बहुत } चाहता हुँ . . . . . a a b c ♀ ┯ w . . ♀ ┟ c ♀ ž O 狂 b œ f 琪 w . . . ž w b ♀ q ♂ ม รั ก คุ や ณ № c f ˆ w b c f ⿻ w U 　 a 毅 b ※ l o ＠ È d ÿ › w l þ c 良 o  a . c 愛 e w S γ b c þ . ÿ . . . . æ f ※ b c f a b c f 阑 珊 愛 a 截 ∵ f e ž c © e w ω ﹃ b c f 任 w ﹃ b ◆ 雨 и w a

    这篇日志的题目也可以叫"仅用marquee也能实现matrix ascii"
     但无所谓,一个意思.由于我最近迷恋上了ascll艺术,才会有这篇日志的出现.
     相似的东西我在网上搜到的都是应用JavaScript实现的,但其实用marquee的嵌套完全可以实现.
     所谓"<骇客帝国>样式的爱情密码"的含义,就是将marquee内的文字改成你想对所爱的人所说的话,由于很难让别人看懂,所以叫密码.q(^_^)
     这个marquee的效果在IE和firefox下都是可以实现的,但IE下可以实现半个文字的效果(COOL huh?),而firefox下只会输出整个文字(这说明firefox更精确),在源码内我作了简单的注释,相信是个人都能看懂(什么,你看不懂?不会吧),其实没多少技术含量,只有象我这样吃饱撑的没事干的人才会研究这个.
<table height="150" cellspacing="0" cellpadding="0" width="230" align="left" border="0"><br /><br /><tbody><br /><br /><tr><td style="BACKGROUND-COLOR: #000000" align="middle" width="100%" height="20"></span><br /><br /><br /><br /><table width="200" border="0"><br /><br /><tbody><tr><br /><br /><br /><br /><td width="9" height="107"><marquee scrollamount="70" direction="down"><span style="font-family:Arial;color:#00cc00;"><!--其中70为滚动速度,down为向下滚动--><br /><br /><br /><br />非<br /><br /><br /><br />☆<br /><br /><br /><br />•<br /><br /><br /><br />f<br /><br /><br /><br />}<br /><br /><br /><br />w<br /><br /><br /><br />∧<br /><br /><br /><br />मैँ<br /><br /><br /><br />•<br /><br /><br /><br />f<br /><br /><br /><br />}<br /><br /><br /><br />w<br /><br /><br /><br />म्हैँ<br /><br /><br /><br />☆<br /><br /><br /><br />•<br /><br /><br /><br />बहुत<br /><br /><br /><br />}<br /><br /><br /><br />चाहता<br /><br /><br /><br />हुँ<br /><br /><br /><br />.<br /><br /><br /><br />.<br /><br /><br /><br /><br /><br /><br /><br />.<br /><br />.<br /><br />.<br /><br /></span><br /><br /><marquee scrollamount="50" direction="down"><span style="font-family:Arial;color:#00ff66;">a</span><!--这部分为marquee嵌套,使a高亮显示,--><br /><br /></marquee></marquee></td><br /><br /><td width="10"><!--改变宽度可以实现不同的效果--><marquee scrollamount="70" direction="down"><span style="font-family:Arial;color:#00cc00;"><br /><br /><br /><br />a<br /><br /><br /><br />b<br /><br /><br /><br />c<br /><br /><br /><br />♀<br /><br /><br /><br />┯<br /><br /><br /><br />w<br /><br /><br /><br />.<br /><br /><br /><br />.<br /><br /><br /><br />♀<br /><br /><br /><br />┟<br /><br /><br /><br />c<br /><br /><br /><br />♀<br /><br /><br /><br />ž<br /><br /><br /><br /></span><br /><br /><marquee scrollamount="50" direction="down"><span style="font-family:Arial;color:#00ff66;">O</span><br /><br /></marquee></marquee></td><br /><br /><td width="10"><br /><br /><marquee scrollamount="70" direction="down"><span style="font-family:Arial;color:#00cc00;"><br /><br /><br /><br /><br /><br />狂<br /><br /><br /><br />b<br /><br /><br /><br />œ<br /><br /><br /><br />f<br /><br /><br /><br />琪<br /><br /><br /><br />w<br /><br /><br /><br />.<br /><br /><br /><br />.<br /><br /><br /><br />.<br /><br /><br /><br />ž<br /><br /><br /><br />w<br /><br /><br /><br />b<br /><br /><br /><br />♀<br /><br /><br /><br />q<br /><br /><br /><br />♂<br /><br /><br /><br />ม<br /><br />รั<br /><br /><br /><br />ก<br /><br /><br /><br />คุ<br /><br /><br /><br />や<br /><br /><br /><br />ณ<br /><br />№<br /><br /><br /><br />c<br /><br /><br /><br />f<br /><br /><br /><br />ˆ<br /><br /><br /><br />w<br /><br />b<br /><br /><br /><br />c<br /><br /><br /><br />f<br /><br /><br /><br />⿻<br /><br /><br /><br />w<br /><br /><br /><br /></span><br /><br /><marquee scrollamount="30" direction="down"><span style="font-family:Arial;color:#00cc00;">U</span><br /><br /></marquee></marquee></td><br /><br /><td width="7">　 <marquee scrollamount="70" direction="down"><span style="font-family:Arial;color:#00cc00;"><br /><br /><br /><br />a<br /><br /><br /><br />毅<br /><br /><br /><br />b<br /><br /><br /><br />※<br /><br /><br /><br />l<br /><br /><br /><br />o<br /><br /><br /><br />＠<br /><br /><br /><br />È<br /><br /><br /><br />d<br /><br /><br /><br />ÿ<br /><br /><br /><br />›<br /><br /><br /><br />w<br /><br /><br /><br />l<br /><br /><br /><br />þ<br /><br /><br /><br />c<br /><br /><br /><br />良<br /><br /><br /><br />o<br /><br /><br /><br /><br /><br /><br /><br />a<br /><br /><br /><br />.<br /><br /><br /><br />c<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />愛<br /><br /><br /><br />e<br /><br /><br /><br />w<br /><br /><br /><br /></span><br /><br /><marquee scrollamount="50" direction="down"><span style="font-family:Arial;color:#00ff66;">S</span><br /><br /></marquee></marquee></td><br /><br /><td width="5"><marquee scrollamount="70" direction="down"><span style="font-family:Arial;color:#00cc00;"><br /><br /><br /><br />γ<br /><br /><br /><br />b<br /><br /><br /><br />c<br /><br /><br /><br />þ<br /><br /><br /><br />.<br /><br /><br /><br />ÿ<br /><br /><br /><br />.<br /><br /><br /><br />.<br /><br />.<br /><br /><br /><br />.<br /><br /><br /><br />æ<br /><br /><br /><br />f<br /><br />※<br /><br /><br /><br />b<br /><br /><br /><br />c<br /><br /><br /><br />f<br /><br />a<br /><br /><br /><br />b<br /><br /><br /><br />c<br /><br /><br /><br />f<br /><br /><br /><br />阑<br /><br /><br /><br />珊<br /><br /><br /><br /></span><br /><br /><marquee scrollamount="50" direction="down"><span style="font-family:Arial;color:#00ff66;">愛</span><br /><br /></marquee></marquee></td><br /><br /><td width="5"><marquee scrollamount="70" direction="down"><span style="font-family:Arial;color:#00cc00;"><br /><br />a<br /><br /><br /><br />截<br /><br /><br /><br />∵<br /><br /><br /><br />f<br /><br /><br /><br />e<br /><br /><br /><br />ž<br /><br /><br /><br />c<br /><br /><br /><br />©<br /><br /><br /><br />e<br /><br /><br /><br />w<br /><br /><br /><br /></span><br /><br /><br /><br /><marquee scrollamount="50" direction="down"><span style="font-family:Arial;color:#00ff66;">ω</span><br /><br /></marquee></marquee></td><br /><br /><td width="5"><marquee scrollamount="70" direction="down"><span style="font-family:Arial;color:#00cc00;"><br /><br /><br /><br />﹃<br /><br /><br /><br />b<br /><br /><br /><br />c<br /><br /><br /><br />f<br /><br /><br /><br />任<br /><br /><br /><br />w<br /><br /><br /><br />﹃<br /><br /><br /><br />b<br /><br /><br /><br />◆<br /><br /><br /><br />雨<br /><br /><br /><br />и<br /><br /><br /><br />w<br /><br /><br /><br /></span><br /><br /><marquee scrollamount="50" direction="down"><span style="font-family:Arial;color:#00ff66;">a</span><br /><br /></marquee></marquee></td><br /><br /></tr><br /><br /></tbody></table><br /><br /><br /><br /></td></tr></tbody></table><br /><br /><br /><br />
相关资源:

Matrix风格的屏幕保护程序

I love you in many languages

• 特殊字符:⊙●○①⊕◎Θ⊙¤㊣★☆♀◆◇◣◢◥▲▼△▽⊿◤ ◥ ▂ ▃ ▄ ▅ ▆ ▇ █ █ ■ ▓ 回 □ 〓≡ ╝╚╔ ╗╬ ═ ╓ ╩ ┠ ┨┯ ┷┏ ┓┗ ┛┳⊥﹃﹄┌ ┐└ ┘∟「」↑↓→←↘↙♀♂┇┅ ﹉﹊﹍﹎╭ ╮╰ ╯ *^_^* ^*^ ^-^ ^_^ ^︵^ ∵∴‖︱ ︳︴﹏﹋﹌︵︶︹︺ 【】〖〗＠﹕﹗/\ " _ < > `,·。≈{}~ ～() _ -『』√ $ @ * & # ※ 卐 々∞Ψ ∪∩∈∏ の ℡ ぁ §∮〝〞ミ灬ξ№∑⌒ξζω＊〾⿻ㄨ ≮≯ ＋－×÷﹢﹣±／＝∫∮∝ ∞ ∧∨ ∑ ∏ ∥∠ ≌ ∽ ≦ ≧ ≒﹤﹥じ☆veve↑↓⊙●★☆■♀『』◆◣◥▲Ψ ※◤ ◥ →№←㊣∑⌒〖〗＠ξζω□∮〓※∴ぷ▂▃▅▆█ ∏卐【】△√ ∩¤々♀♂∞①ㄨ≡↘↙▂ ▂ ▃ ▄ ▅ ▆ ▇ █┗┛╰☆╮

ٲنَا بَحَِّك - 阿拉伯語
jeg elsker dig - 丹麥語
Jeg elsker deg - 博克馬爾語(即Bokmål，挪威方言)
Eg elskar deg - 耐諾斯克(挪威標準語)
मैँ तुम्हैँ बहुत चाहता हुँ - 印地语(即北度語)
אני אוהבת אותך - 希伯來語
איך האָב דיך ליב - 意第緒語(德國猶太語)
我好鐘意你 - 廣州話
愛てるよ - 日語
ผมรักคุณ - 泰語
ich liebe dich -德語
seni seviyorum - 土耳其語
би чамд хайртай - 蒙古語
Anh yêu em - 越南語
mi amas vin - 世界語(Esperanto)
Ti amo - 意大利語
Je t'aime - 法語
ninakupenda - 斯瓦希里语(Swahili)，坦桑尼亞官方語言
Ik hou van je - 荷蘭語
saya cinta padamu - 印尼語
te amo - 西班牙語
я тебя люблю - 俄語
나 너를 사랑해 - 韓語
σε αγαπώ - 希臘語

• 下面是两个由JavaScript实现的例子
  <br /><script language="JavaScript"><br /><!-- Matrix by kurt.grigg@virgin.net<br />if (document.all){<br />X=new Array();<br />for(i=0; i < 3; i++){<br />X[i]=Math.round(Math.random()*1)<br />}<br />Imsg='0'+' '+'1'+' '+'0'+' '+'1'+' '+'0'+' '<br />+X[0]+' '+X[1]+' '+X[1]+' '+'0'+' '+'1'+' ';<br />var msg=Imsg+Imsg;<br />L=msg.length;<br />L2=msg.length-10;<br />I=-10;<br />S=new Array();<br />T=new Array();<br />mix=new Array();<br />stp=new Array();<br />pos=new Array();<br />txt=new Array();<br />O=new Array();<br />RC=new Array("1","0");<br /><br />document.write("<div id='Container' style='position:absolute;top:0;left:0'>")<br />for(i=0; i < msg.length/2; i++){<br />S[i]=I+=12;<br />document.write("<div id='A' style='position:absolute;top:0;left:"+S[i]+";width:10;height:100px;"<br />+"font-family:Arial,Verdana;font-size:12px;color:#00bb00'></div>");<br />}<br />document.write("</div>");<br />for(i=0; i < msg.length/2; i++){<br /> T[i]=msg;<br /> pos[i]=0;<br /> stp[i]=Math.random()*2;<br /> mix[i]=Math.round(Math.random()*6);<br /> O[i]=40+Math.round(Math.random()*60);<br />}<br />function Matrix(){<br />var r=Math.floor(Math.random()*RC.length);<br />var Q="<div style='position:relative;color:#00ff00'>"+RC[r]+"</div>";<br />Container.style.top=window.document.body.scrollTop;<br />for(i=0; i < msg.length/2; i++){<br />pos[i]+=stp[i];<br />txt[i]=T[i].substring(mix[i],pos[i])+' '+Q+' ';<br />A[i].innerHTML=txt[i];<br />A[i].style.filter='alpha(opacity = '+O[i]+')';<br /> if (pos[i] > L){<br /> pos[i]=0;<br /> stp[i]=Math.random()*2;<br /> L=10+Math.round(Math.random()*L2);<br /> mix[i]=Math.round(Math.random()*6);<br /> O[i]=40+Math.round(Math.random()*60)<br /> }<br />}<br />setTimeout('Matrix()',30);<br />}<br />Matrix();<br />}<br />// --><br /></script><br />
  
  <br /><SCRIPT language=JavaScript><br /><!--<br />if (document.all){<br />Cols=6;<br />Cl=24;//Space's are included so real length is 48!<br />Cs=10;<br />Ts=10;<br />Tc='#008800';<br />Tc1='#00ff00';<br />MnS=20;<br />MxS=30;<br />I=Cs;<br />Sp=new Array();S=new Array();Y=new Array();<br />C=new Array();M=new Array();B=new Array();<br />RC=new Array();E=new Array();Tcc=new Array(0,1);<br />document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");<br />document.write("<div style='position:relative'>");<br />for(i=0; i < Cols; i++){<br />S[i]=I+=Cs;<br />document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"<br />+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");<br />}<br />document.write("</div></div>");<br /><br />for(j=0; j < Cols; j++){<br />RC[j]=1+Math.round(Math.random()*Cl);<br />Y[j]=0;<br />Sp[j]=Math.round(MnS+Math.random()*MxS);<br />for(i=0; i < RC[j]; i++){<br />B[i]='';<br />C[i]=Math.round(Math.random()*1)+' ';<br />M[j]=B[0]+=C[i];<br />}<br />}<br />function Cycle(){<br />Container.style.top=window.document.body.scrollTop;<br />for (i=0; i < Cols; i++){<br />var r = Math.floor(Math.random()*Tcc.length);<br />E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';<br />Y[i]+=Sp[i];<br /><br />if (Y[i] > window.document.body.clientHeight){<br />for(i2=0; i2 < Cols; i2++){<br />RC[i2]=1+Math.round(Math.random()*Cl);<br />for(i3=0; i3 < RC[i2]; i3++){<br />B[i3]='';<br />C[i3]=Math.round(Math.random()*1)+' ';<br />C[Math.floor(Math.random()*i2)]=' '+' ';<br />M[i]=B[0]+=C[i3];<br />Y[i]=-Ts*M[i].length/1.5;<br />A[i].style.visibility='visible';<br />}<br />Sp[i]=Math.round(MnS+Math.random()*MxS);<br />}<br />}<br />A[i].style.top=Y[i];<br />A[i].innerHTML=M[i]+' '+E[i]+' ';<br />}<br />setTimeout('Cycle()',20)<br />}<br />Cycle();<br />}<br />// --><br /></SCRIPT><br />