模仿电子屏幕

gaoss33 发表于 2008-7-6 01:10

<DIV style="position:relative; top:200px; left:-120px; width:800px; height:590px;overflow: hidden;">

<div style="position: absolute; top: 10px; left: 10px; width:600px; height:200px;overflow: hidden;background-color:#222222;border:16px #999999 ridge;"></div>

<div style="position: absolute; top: 14px; left: 14px; width:608px; height:208px;overflow: hidden;border:8px #3a3937 double;"></div>

<div style="position: absolute; top: 36px; left: 36px">
<marquee behavior=scroll width=580 height=180 scrolldelay=30 scrollamount=8>
<FONT id=font1 style="FONT-SIZE: 130pt" face=黑体 color=#0000FF><B>欢迎大家来到学堂-学堂有你们更精彩</B><?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /><t:animateColor id=color1 attributeName = "color" calcMode = "paced" targetElement = "font1" values = "#00ff00;;#FFFF00;;#FF00FF;;red;" autoReverse = "true" begin = "0;b4.click" dur = "12" repeatCount = "100"></t:animateColor></FONT> <img src=http://up1.googletounion.com/data/bbs/10/96/1096/a/forumid_27181/012820_NyWTKvZKgBew.gif height=138>
</marquee>
</div>

<div style="position: absolute; top: 26px; left: 26px;width:600px; height:200px;overflow: hidden;">
<TABLE style="position: absolute; top: -10px; left: 3px; width:630; height:290;" border="0" cellpadding="0" cellspacing="0"><TR><TD style="FILTER: chroma(color=#3A393d);" bgcolor=#222200>

<FONT style="FONT-SIZE:8pt;line-height:5pt;letter-spacing:2px;" color=#3A393d> ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
</FONT>
</TD></TR></TABLE>
</div>

</DIV>

<BR><BR><BR>

gaoss33 发表于 2008-7-6 01:11

代码

<P><DIV style=\"position:relative; top:200px; left:-120px; width:800px; height:590px;overflow: hidden;\"></P>
<P> </P>
<P><div style=\"position: absolute; top: 10px; left: 10px; width:600px; height:200px;overflow: hidden;background-color:#222222;border:16px #999999 ridge;\"></div></P>
<P> </P>
<P><div style=\"position: absolute; top: 14px; left: 14px; width:608px; height:208px;overflow: hidden;border:8px #3a3937 double;\"></div></P>
<P> </P>
<P><div style=\"position: absolute; top: 36px; left: 36px\"><BR><marquee behavior=scroll width=580 height=180 scrolldelay=30 scrollamount=8><BR><FONT id=font1 style=\"FONT-SIZE: 130pt\" face=黑体 color=#0000FF><B>欢迎大家来到学堂-学堂有你们更精彩</B><?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /><t:animateColor id=color1 attributeName = \"color\" calcMode = \"paced\" targetElement = \"font1\" values = \"#00ff00;;#FFFF00;;#FF00FF;;red;\" autoReverse = \"true\" begin = \"0;b4.click\" dur = \"12\" repeatCount = \"100\"></t:animateColor></FONT> <img src=http://up1.googletounion.com/data/bbs/10/96/1096/a/forumid_27181/012820_NyWTKvZKgBew.gif height=138><BR></marquee><BR></div></P>
<P> </P>
<P><div style=\"position: absolute; top: 26px; left: 26px;width:600px; height:200px;overflow: hidden;\"><BR><TABLE style=\"position: absolute; top: -10px; left: 3px; width:630; height:290;\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><TR><TD style=\"FILTER: chroma(color=#3A393d);\" bgcolor=#222200></P>
<P><FONT style=\"FONT-SIZE:8pt;line-height:5pt;letter-spacing:2px;\" color=#3A393d> ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●<BR> </FONT><BR></TD></TR></TABLE> <BR></div></P>
<P> </P>
<P></DIV></P>
<P><BR><BR><BR></P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>

[ 本帖最后由 gaoss33 于 2008-7-6 01:13 编辑 ]

gaoss33 发表于 2008-7-6 01:18

<FONT color=darkorange>
<P><FONT face=黑体 color=paleturquoise size=4></FONT></P>
<P><FONT face=黑体 color=paleturquoise size=4></FONT></P>
<P><FONT face=黑体 color=black size=4></FONT> </P>
<P><FONT face=黑体 color=black size=4>这个制作很简单的,是我很早欢迎颦儿时做的.</FONT></P>
<P><FONT face=黑体 color=paleturquoise size=4><FONT color=black>有些小技巧觉的还可延伸的,故发在这里大家探讨</FONT>.</FONT></P>
<P><FONT face=黑体 color=#afeeee size=4></FONT> </P>
<P><FONT face=黑体 color=#afeeee size=4></FONT> </P></FONT>
<P></P>
<P></P>
<P>◆ <DIV style=\"position:relative; top:200px; left:-120px; width:800px; height:590px;overflow: hidden;\"></P>
<P></P>
<P>设定一个空间:</P>
<P>宽800,高590;</P>
<P>这个空间离顶200,离左边-120.</P>
<P>以下内容都做在这个空间里.</P>
<P><FONT color=darkorange>别忘了最后的收尾</DIV> 忘了后果严重.</FONT></P>
<P><FONT color=darkslateblue>注意:全部代码就这里用了CSS相对定位代码 position:relative;</FONT></P>
<P><FONT color=darkslateblue>其它都是绝对定位代码 position: absolute;绝对定位代码最好不要单独使用.</FONT></P>
<P>overflow: hidden;溢出属性,值 hidden;意思指溢出这个框架(800X590)的部分不可见.</P>
<P></P>
<P></P>
<P> </P>
<P> </P>
<P>◆ <div style=\"position: absolute; top: 10px; left: 10px; width:600px; height:200px;overflow: hidden;background-color:#222222;border:16px #999999 ridge;\"></div></P>
<P><BR>这是最下层带框的背景,</P>
<P>边框用了CSS风格边框: border:16px #999999 ridge;</P>
<P>背景色: background-color:#222222;</P>
<P>效果如下:</P>
<P><FONT color=#ff8c00></FONT></P>
<DIV style=\"BORDER-RIGHT: #999999 16px ridge; BORDER-TOP: #999999 16px ridge; BORDER-LEFT: #999999 16px ridge; WIDTH: 600px; BORDER-BOTTOM: #999999 16px ridge; HEIGHT: 200px; BACKGROUND-COLOR: #222222\"></DIV>
<P></P>
<P></P>
<P></P>
<P> </P>
<P> </P>
<P>◆ <div style=\"position: absolute; top: 14px; left: 14px; width:608px; height:208px;overflow: hidden;border:8px #3a3937 double;\"></div></P>
<P></P>
<P>由于上面的脊柱边框(ridge)有些单调,再加个双线框(double)上去.</P>
<P>双线框效果如下,加上去效果如一楼.</P>
<P></P>
<DIV style=\"BORDER-RIGHT: #000000 8px double; BORDER-TOP: #000000 8px double; BORDER-LEFT: #222222 8px double; WIDTH: 608px; BORDER-BOTTOM: #000000 8px double; HEIGHT: 208px\"></DIV>
<P></P>
<P></P>
<P></P>
<P> </P>
<P> </P>
<P>◆ <div style=\"position: absolute; top: 36px; left: 36px\"><BR><marquee behavior=scroll width=580 height=180 scrolldelay=30 scrollamount=8><BR><FONT id=font1 style=\"FONT-SIZE: 130pt\" face=黑体 color=#0000FF><B>欢迎大家来到学堂 - 学堂有你们更精彩</B><?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /><t:animateColor id=color1 attributeName = \"color\" calcMode = \"paced\" targetElement = \"font1\" values = \"#00ff00;;#FFFF00;;#FF00FF;;red;\" autoReverse = \"true\" begin = \"0;b4.click\" dur = \"12\" repeatCount = \"100\"></t:animateColor></FONT> <img src=http://up1.googletounion.com/data/bbs/10/96/1096/a/forumid_27181/012820_NyWTKvZKgBew.gif height=138><BR></marquee><BR></div></P>
<P></P>
<P>这是做的移动字和图,</P>
<P>效果如下:</P>
<P></P>
<MARQUEE scrollAmount=8 scrollDelay=30 width=580 height=180><FONT id=font2 style=\"FONT-SIZE: 130pt\" face=黑体 color=#0000ff><B>欢迎大家来到学堂 - 学堂有你们更精彩</B><?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /><t:animateColor id=color1 attributeName = \"color\" calcMode = \"paced\" targetElement = \"font2\" values = \"#00ff00;;#FFFF00;;#FF00FF;;red;\" autoReverse = \"true\" begin = \"0;b4.click\" dur = \"12\" repeatCount = \"100\"></t:animateColor></FONT> <IMG height=138 src=\"http://up1.googletounion.com/data/bbs/10/96/1096/a/forumid_27181/012820_NyWTKvZKgBew.gif\"></MARQUEE>
<P></P>
<P></P>
<P></P>
<P> </P>
<P> </P>
<P>◆ <div style=\"position: absolute; top: 26px; left: 26px;width:600px; height:200px;overflow: hidden;\"><BR><TABLE style=\"position: absolute; top: -10px; left: 3px; width:630; height:290;\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><TR><TD style=\"FILTER: chroma(color=#3A393d);\" bgcolor=#222200><BR><BR><FONT style=\"FONT-SIZE:8pt;line-height:5pt;letter-spacing:2px;\" color=#3A393d> ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●</P>
<P>...................................</P>
<P>●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●</P>
<P></FONT><BR></TD></TR></TABLE> <BR></div></P>
<P></P>
<P>这段文字都是点,它的颜色是 color=#3A393d 表格中 FILTER: chroma(color=#3A393d); 设定这些点为透明.再用背景色 bgcolor=#222200 罩上去.</P>
<P></P>
<P>style=\"FONT-SIZE:8pt;line-height:5pt;letter-spacing:2px;\"</P>
<P>CSS语言:</P>
<P>FONT-SIZE:8pt; 字体大小,这里是点.</P>
<P>line-height:5pt; 行距</P>
<P>letter-spacing:2px; 字距. </P>
<P></P>
<P>效果如下:(这些点都是透明的)</P>
<P></P>
<TABLE style=\"WIDTH: 630px; HEIGHT: 290px\" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD style=\"FILTER: chroma(color=#3A393d)\" bgColor=#222200><FONT style=\"FONT-SIZE: 8pt; LINE-HEIGHT: 5pt; LETTER-SPACING: 2px\" color=#3a393d>●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● </FONT></TD></TR></TBODY></TABLE>
<P></P>
<P> </P>
<P>框的背景色 background-color:#222222</P>
<P>遮罩色 bgcolor=#222200 </P>
<P>故意有点色差,以显出点.</P>
<P> </P>
<P></P>
<P></P>
<P></P>
<P><STRONG><FONT face=宋体 color=orange size=4>好了,全部的关键在于定尺寸和定位置.</FONT></STRONG></P>
<P><STRONG><FONT face=宋体 color=#ffa500 size=4>可以变通的地方也很多. </FONT></STRONG></P>
<P><STRONG><FONT face=宋体 color=#ffa500 size=4><BR>下面改变了边框,背景和遮罩都换了图片.点换成了心形.</FONT></STRONG></P>
<P></P>
<DIV style=\"LEFT: 0px; OVERFLOW: hidden; WIDTH: 800px; POSITION: relative; TOP: 0px; HEIGHT: 600px\">
<DIV style=\"BORDER-RIGHT: #ff33ff 16px dotted; BORDER-TOP: #ff33ff 16px dotted; LEFT: 10px; OVERFLOW: hidden; BORDER-LEFT: #ff33ff 16px dotted; WIDTH: 500px; BORDER-BOTTOM: #ff33ff 16px dotted; POSITION: absolute; TOP: 10px; HEIGHT: 500px; BACKGROUND-COLOR: #ffccff\"><IMG style=\"LEFT: 26px; OVERFLOW: hidden; POSITION: absolute; TOP: 39px\" src=\"http://up1.googletounion.com/data/bbs/10/96/1096/a/08/27/20080705_c6ab997d17b1f39162f96xhPm639VWxR.gif\" width=390></DIV>
<DIV style=\"LEFT: 26px; OVERFLOW: hidden; WIDTH: 500px; POSITION: absolute; TOP: 26px; HEIGHT: 500px\">
<TABLE style=\"LEFT: 0px; WIDTH: 630px; POSITION: absolute; TOP: 0px; HEIGHT: 500px\" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD style=\"FILTER: chroma(color=#3A393d)glow(color:#ff0000;strength:6)\" align=top background=http://up1.googletounion.com/data/bbs/10/96/1096/a/08/27/20080702_ac9b0b82ae94f2b4852fsXHrcvjl0BUi.jpg>
<MARQUEE scrollAmount=3 direction=up behavior=alternate height=370>
<MARQUEE scrollAmount=3 behavior=alternate width=390><FONT style=\"FONT-SIZE: 258pt\" face=Webdings color=#3a393d>Y</FONT></MARQUEE></MARQUEE><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></DIV>
<DIV style=\"BORDER-RIGHT: #cc0000 8px double; BORDER-TOP: #cc0000 8px double; LEFT: 14px; OVERFLOW: hidden; BORDER-LEFT: #cc0000 8px double; WIDTH: 508px; BORDER-BOTTOM: #cc0000 8px double; POSITION: absolute; TOP: 14px; HEIGHT: 508px\"></DIV></DIV>
<P></P>
<P>代码:</P>
<P></P>
<P><DIV style=\"LEFT: 0px; OVERFLOW: hidden; WIDTH: 800px; POSITION: relative; TOP: 200px; HEIGHT: 790px\"></P>
<P> </P>
<P></P>
<P><div style=\"BORDER: #ff33ff 16px dotted; LEFT: 10px; OVERFLOW: hidden; WIDTH: 500px; POSITION: absolute; TOP: 10px; HEIGHT: 500px;background-color:#ffccff;\"><BR><img src=http://up1.googletounion.com/data/aa/76/94/5/a/08/27/20080702_f76c21df3cadee56645epELBNnSihJdV.jpg WIDTH=390 style=\"LEFT: 26px; OVERFLOW: hidden; POSITION: absolute; TOP: 39px;\"></P>
<P></div></P>
<P> </P>
<P></P>
<P><div style=\"LEFT: 26px; OVERFLOW: hidden; WIDTH: 500px; POSITION: absolute; TOP: 26px; HEIGHT: 500px\"><BR><table style=\"LEFT: 0px; WIDTH: 630px; POSITION: absolute; TOP: 0px; HEIGHT: 500px\" cellSpacing=0 cellPadding=0 border=0><BR><tr><BR><td style=\"FILTER: chroma(color=#3A393d)glow(color:#ff0000;strength:6);\" background=<BR><A href=\"http://up1.googletounion.com/data/bbs/10/96/1096/a/08/27/20080702_245c14052e0ea295aaf4uCotHLjltZI5.jpg\">http://up1.googletounion.com/data/bbs/10/96/1096/a/08/27/20080702_245c14052e0ea295aaf4uCotHLjltZI5.jpg</A> align=top><BR><marquee behavior=alternate scrollamount=3 direction=up height=370><BR><marquee behavior=alternate scrollamount=3 width=390><BR><FONT style=\"FONT-SIZE: 258pt;\" color=#3a393d face=\"Webdings\">Y</FONT></marquee></marquee><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></td></tr></table><BR></div></P>
<P> </P>
<P></P>
<P><div style=\"BORDER: #cc0000 8px double; LEFT: 14px; OVERFLOW: hidden; WIDTH: 508px; POSITION: absolute; TOP: 14px; HEIGHT: 508px\"></P>
<P></div></P>
<P></P>
<P></P>
<P></DIV></P>
<P> </P>
<P> </P>
<P> </P>
<P></P>
<P></P>
<P><BGSOUND balance=0 src=\"http://60.190.226.182/gygzs-qy/xianyuxiaotiqin/jnxyq.mp3\" volume=-600 loop=infinite></P>

紫蝶轻舞 发表于 2008-7-6 01:24

咦~~~\\这个好玩!收藏起来,谢谢!

炫之美 发表于 2008-7-6 08:19

呵呵,有意思,值得收藏1

白雪皑皑 发表于 2008-7-7 11:14

好教材，要好好学习。

attapulgite 发表于 2008-7-7 14:10

<DIV style=\"position:relative; top:200px; left:-120px; width:800px; height:590px;overflow: hidden;\">

<div style=\"position: absolute; top: 10px; left: 10px; width:600px; height:200px;overflow: hidden;background-color:#222222;border:16px #999999 ridge;\"></div>

<div style=\"position: absolute; top: 14px; left: 14px; width:608px; height:208px;overflow: hidden;border:8px #3a3937 double;\"></div>

<div style=\"position: absolute; top: 36px; left: 36px\">
<marquee behavior=scroll width=580 height=180 scrolldelay=30 scrollamount=8>
<FONT id=font1 style=\"FONT-SIZE: 130pt\" face=黑体 color=#0000FF><B>欢迎大家来到学堂-学堂有你们更精彩</B><?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /><t:animateColor id=color1 attributeName = \"color\" calcMode = \"paced\" targetElement = \"font1\" values = \"#00ff00;;#FFFF00;;#FF00FF;;red;\" autoReverse = \"true\" begin = \"0;b4.click\" dur = \"12\" repeatCount = \"100\"></t:animateColor></FONT> <img src=http://up1.googletounion.com/data/bbs/10/96/1096/a/forumid_27181/012820_NyWTKvZKgBew.gif height=138>
</marquee>
</div>

<div style=\"position: absolute; top: 26px; left: 26px;width:600px; height:200px;overflow: hidden;\">
<TABLE style=\"position: absolute; top: -10px; left: 3px; width:630; height:290;\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><TR><TD style=\"FILTER: chroma(color=#3A393d);\" bgcolor=#222200>

<FONT style=\"FONT-SIZE:8pt;line-height:5pt;letter-spacing:2px;\" color=#3A393d> ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
</FONT>
</TD></TR></TABLE>
</div>

</DIV>

<BR><BR><BR>

葳儿发表于 2008-7-9 23:41

好教程好好研究下

zx31422 发表于 2008-7-10 04:29

代码
<DIV style=\"position:relative; top:200px; left:-120px; width:800px; height:590px;overflow: hidden;\">

<div style=\"position: absolute; top: 10px; left: 10px; width:600px; height:200px;overflow: hidden;background-color:#222222;border:16px #999999 ridge;\"></div>

<div style=\"position: absolute; top: 14px; left: 14px; width:608px; height:208px;overflow: hidden;border:8px #3a3937 double;\"></div>

<div style=\"position: absolute; top: 36px; left: 36px\">
<marquee behavior=scroll width=580 height=180 scrolldelay=30 scrollamount=8>
<FONT id=font1 style=\"FONT-SIZE: 130pt\" face=黑体 color=#0000FF><B>欢迎大家来到学堂-学堂有你们更精彩</B><?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /><t:animateColor id=color1 attributeName = \"color\" calcMode = \"paced\" targetElement = \"font1\" values = \"#00ff00;;#FFFF00;;#FF00FF;;red;\" autoReverse = \"true\" begin = \"0;b4.click\" dur = \"12\" repeatCount = \"100\"></t:animateColor></FONT> <img src=http://up1.googletounion.com/data/bbs/10/96/1096/a/forumid_27181/012820_NyWTKvZKgBew.gif height=138>
</marquee>
</div>

<div style=\"position: absolute; top: 26px; left: 26px;width:600px; height:200px;overflow: hidden;\">
<TABLE style=\"position: absolute; top: -10px; left: 3px; width:630; height:290;\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><TR><TD style=\"FILTER: chroma(color=#3A393d);\" bgcolor=#222200>

<FONT style=\"FONT-SIZE:8pt;line-height:5pt;letter-spacing:2px;\" color=#3A393d> ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
</FONT>
</TD></TR></TABLE>
</div>

</DIV>

<BR><BR><BR>

siferxon 发表于 2008-8-7 16:00

页: [1] 2 3 4

中画网's Archiver

模仿电子屏幕

代码