液晶屏文字 - 好素材 - [HTTP://WWW.HAOSC.COM]

		链接类

		VML

		按钮类

		标题类

		表单类

		表格类

		菜单类

		窗口类

		对象类

		滚动条

		键盘类

		框架类

		例子类

		模拟类

		日期类

		色彩类

		鼠标类

		数学类

		图片类

		文字类

		下拉框

		样式类

		游戏类

		状态栏

		资料类

		字幕类

		其它类

·Div上下居中
·滤镜使图片透明
·页面背景渐变
·CSS艺术字
·中英文对齐
·ime-mode
·设为首页
·立体字
·层的切换
·图像大小选样式

您当前位置：好素材首页 -> 网页特效 -> 样式类

查看信息

液晶屏文字

好素材网 www.HaoSc.com 02月22日 11:49

[查看演示] 源码如下
----------------------------------------------------------
<HTML>
<HEAD>
<TITLE> New Document －www.51windows.Net</TITLE>
<META NAME="Generator" CONTENT="Microsoft FrontPage 4.0">
<META NAME="Author" CONTENT="myhyli">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>body { background-color: #333333; font-size: 12px }
td.lcd_grid{width:4;height:4;font-size:4;line-height:1;background-color:#003300}
</style>
</HEAD>

<BODY>
<p> </p>
<p> </p>

<table border=0 cellspacing=2 cellpadding=0 id=lcdbox align=center>

<tr>

<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>

<tr>

<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>

<tr>

<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>

<tr>

<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>

<tr>

<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>

<tr>

<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>

<tr>

<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>

<tr>

<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>
<tr>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>
<tr>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>
<tr>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>
<tr>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
<td class=lcd_grid> </td>
</tr>
</table>

<script>
var lcdinfo='000000000011000000001111000000111100000011111000001111011000111100011000111100011000001111011000000011111000000000111100000000001111000000000011000000000000111111111111111111111111110001100011110001100011110001100011110001100011110001100011110001100011110001100011110001100011011111111110001110011100000000000000110000000011111000000111011100001110001110011100000111111000000011110000000011110000000111111000001110011100011100001110111000000111110000000011';
var lcdwidth=lcdbox.rows(0).cells.length;
var lcdheight=lcdbox.rows.length;
var lcdstarting=lcdwidth;
var lcdspeed=200;
var lcdcolor='#00CC00';

function lcdshow() {
for (i=0;i<lcdheight;i++) {
for (j=0;j<lcdinfo.length/lcdheight;j++) {
if(j+lcdstarting<lcdwidth && j+lcdstarting>-1) {
if (lcdinfo.charAt(i+j*lcdheight)=='1') lcdbox.rows(i).cells(j+lcdstarting).style.backgroundColor=lcdcolor;
else lcdbox.rows(i).cells(j+lcdstarting).style.backgroundColor='';
}
else if(lcdstarting<0 && (lcdinfo.length/lcdheight+lcdstarting)<lcdwidth && (lcdinfo.length/lcdheight+lcdstarting)>-1) {
lcdbox.rows(i).cells(lcdinfo.length/lcdheight+lcdstarting).style.backgroundColor='';
}
}
}
if(lcdstarting==-1*(lcdinfo.length/lcdheight))lcdstarting=lcdwidth-1;
else lcdstarting--;
setTimeout('lcdshow()',lcdspeed);
}
lcdshow();
</script>
</BODY>
</HTML>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>

此信息共 1 页 [1]