矩阵仿真的矩阵效应
html部分如下所示:
10001001110010010010000
答案在你的脑海里。
CSS部分如下所示:
#容器div { padding: 10px;位置:绝对;边界:0px棕色圆点;宽度:0px;颜色:绿色;文字阴影:1px 1px 3px;}
。文本{ padding: 10px;颜色:# CCC;}
#面板{宽度:400px;保证金:0汽车;颜色:白色;保证金:20%;字体大小:15px;font-weight: bold;Z指数:99999;背景:黑色;}
js部分如下所示:
$(函数(){())
对于(var i = 0;i < 3;i++)$('div ',' #容器)。Clone(),PrependTo(#容器);
克隆/再次增加数据
范围();
setInterval(下降150);150毫秒 / /速度
});
排列
函数范围(){
var = 1;
$('div ',' #容器)。每个(功能(我){ {)
var = $(窗口)(宽度);窗口宽度
var = $(窗口)Height();
var($)。
var = 20; $(this)。
++;
如果(i % = 22 = 0)= 1,行中的 / 22
美元(这个)。Css({
左:(OL +数字* 60)+
顶:(OT + math.ceil(我 / 2)* 30)+PX
};与左距保持距离,距离变化
数字+;
});
}
{登陆}
函数下拉(){
$('div ',' #容器)。每个(功能(我){ {)
var = $(窗口)Height();
左$(this);
var = $(this);
VaR RND = math.round(Math.random)*(100);
VaR RND2 = math.round(Math.random()* 50);
i = i = 0.5:i;
美元(这个)。Css({
顶:(OT +研发+ RND2)+PX
});着陆速度
如果你在下面的窗口中
{
/ / $(this)(CSS:wh-20 {顶+PX});
在当前位置继续向下移动。
美元(这个)。Css({
顶:5 *、+PX
}
}
});
}
希望本文能对大家的jQuery程序设计有所帮助。