朋友们可能已经看到了矩阵对于开头的字幕效果很熟悉，因为电影里有很多网页设计师在模仿这封信滴效果，最后还有一个文字来显示我爱你的效果，你可以在情人节修改，为你的爱人说哦

运行效果图：

我们还运行一个动手演示的效果---- ----。

给大家分享的JS仿真矩阵下拉效果代码如下




js仿字母下拉效果

。矩阵{填充右：0px；填充左：0px；字体大小：9pt；座垫：0px；保证金：0px；宽度：0px；丹；俞



js仿字母下拉效果


var行= 11是一个奇数；
var速度= 50；
var = 2；仅在0和2之间。越高，单词出现的速度越快。
无功effectalign =默认 / /进入中心的中心。
W3C = document.getelementbyid VaR！窗户，歌剧；；
无功ie45 = document.all！Window.opera；
无功ma_tab，matemp，ma_bod，ma_row，X，Y，列，ma_txt，ma_cho；
无功m_coch =新的数组（）；
无功m_copo =新的数组（）；
窗口。指针函数（）{
如果（！W3C！ie45）返回
VAR矩阵=（W3C）document.getelementbyid（矩阵）：文件，{矩阵}；
ma_txt =（W3C）矩阵，matrix.innerhtml节点：第一个孩子；
ma_txt = ma_txt + +；
列为ma_txt.length；
如果（W3C）{
而（矩阵。子。长度）matrix.removechild（矩阵。子{ 0 }）；
ma_tab = document.createelement（表）；
ma_tab.setattribute（边界
ma_tab.setattribute（调整
ma_tab。风格。背景颜色=# 000000 ；
ma_bod = document.createelement（把）；
对于（x = 0；x <行；x + +）{
ma_row = document.createelement（TR）；
对于（y = 0；y <列；y + +）{
matemp = document.createelement（TD）；
matemp.setattribute（身份
Matemp。名=矩阵；
matemp.appendchild（document.createtextnode（string.fromcharcode（160）））；
ma_row.appendchild（matemp）；
}
ma_bod.appendchild（ma_row）；
}
ma_tab.appendchild（ma_bod）；
matrix.appendchild（ma_tab）；
{人}
ma_tab =；
对于（var x = 0；x <行；x + +）{
ma_tab + =；
对于（var = 0；y <列；y + +）{
ma_tab + =；
}
ma_tab + =；
}
ma_tab + =；
innerHTML = ma_tab矩阵；
}
ma_cho = ma_txt；
对于（x = 0；x <列；x + +）{
String.fromCharCode ma_cho + =（32 + math.floor（Math.random）*（94））；
m_copo {X} = 0；
}
ma_bod = setInterval（mytricks（）
}

功能mytricks（）{
x＝0；
对于（y = 0；y <列；y + +）{
x = x +（m_copo { Y } = = 100）；
ma_row = m_copo { Y } % 100；
如果（ma_row m_copo { Y } < 100）{
如果（ma_row <行+ 1）{
如果（W3C）{
matemp = document.getelementbyid（MX+（ma_row-1）+Y+ y）；
Matemp的第一个孩子。节点值= m_coch { Y }；
}
{其他
Matemp=document.all{Mx + (ma_row-1) + Y +y};
Matemp。innerHTML = m_coch { Y }；
}
Matemp。风格。颜色=# 33ff66 ；
Matemp的风格。fontweight =大胆；
}
如果（ma_row > 1 ma_row <行+ 2）{
matemp =（W3C）document.getelementbyid（MX+（ma_row-2）+Y+ y）：文件，{MX+（ma_row-2）+Y+ Y }；
Matemp的风格。fontweight =正常；
Matemp。风格。颜色=# 00ff00 ；
}
如果（ma_row > 2）{
matemp =（W3C）document.getelementbyid（MX+（ma_row-3）+Y+ y）：文件，{MX+（ma_row-3）+Y+ Y }；
Matemp。风格。颜色=# 009900 ；
}
如果（ma_row < math.floor（行 / 2）+ 1）m_copo { } + Y；
如果（ma_row = = math.floor（行 / 2）+ 1 m_coch { Y } = = ma_txt.charat（Y））缩放工具（Y）；
如果（ma_row <行+ 2）m_copo { } + Y；
如果（m_copo { Y } < 100）m_copo { Y } = 0；
}
如果（Math.random（）> 0.9 m_copo { Y } < 100）{
m_coch { Y } = ma_cho.charat（math.floor（Math.random（）* ma_cho。长度））；
m_copo { } + Y；
}
}
如果（X = =列）clearInterval（ma_bod）；
}

功能缩放工具（ycol）{
VaR的设计，ytmp MTEM；
如果（m_copo { ycol } = = math.floor（行 / 2）+ 1）{

对于（ytmp = 0；ytmp <行；ytmp ++）{
如果（W3C）{
设计= document.getelementbyid（MX+ ytmp +Y+ ycol）；
Mtmp的第一个孩子。节点值= m_coch { ycol }；
}
{其他
设计=文件。所有{MX+ ytmp +Y+ ycol }；
Mtmp。innerHTML = m_coch { ycol }；
}
Mtmp。风格。颜色=# 33ff66 ；
Mtmp的风格。fontweight =大胆；
}
如果（Math.random）<<（揭示）{
设计= ma_cho.indexof（ma_txt.charat（ycol））；
ma_cho = ma_cho.substring（0，ma_cho.substring（设计）+设计+ 1，ma_cho。长度）；
}
如果（Math.random（）< reveal-1）ma_cho = ma_cho.substring（0，ma_cho。length-1）；
m_copo { ycol } + = 199；
setTimeout（缩放工具（+ ycol + ），速度）；
}
如果（m_copo { ycol } > 200）{
如果（W3C）{
设计= document.getelementbyid（MX+（m_copo { ycol } - 201）+Y+ ycol）；
document.getelementbyid（MTEM =MX+（200 + rows-m_copo { ycol }——）+Y+ ycol）；
}
{其他
设计=文件。所有{MX+（m_copo { ycol } - 201）+Y+ ycol }；
MTEM =文件。所有{MX+（200 + rows-m_copo { ycol }——）+Y+ ycol }；
}
Mtmp的风格。fontweight =正常；
MTEM。风格。fontweight =正常；
setTimeout（缩放工具（+ ycol + ），速度）；
}
如果（m_copo { ycol } = = 200）m_copo { ycol } = 100 + math.floor（行 / 2）；
如果（m_copo { ycol } > 100 m_copo { ycol } < 200）{
如果（W3C）{
设计= document.getelementbyid（MX+（m_copo { ycol } - 101）+Y+ ycol）；
Mtmp的第一个孩子。string.fromcharcode节点值=（160）；
document.getelementbyid（MTEM =MX+（100 + rows-m_copo { ycol }——）+Y+ ycol）；
Mtem的第一个孩子。string.fromcharcode节点值=（160）；
}
{其他
设计=文件。所有{MX+（m_copo { ycol } - 101）+Y+ ycol }；
Mtmp（160）.innerHTML = string.fromcharcode；
MTEM =文件。所有{MX+（100 + rows-m_copo { ycol }——）+Y+ ycol }；
Mtem.innerHTML=String.fromCharCode (160);
}
setTimeout（缩放工具（+ ycol + ），速度）；
}
}


我爱你








希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。