.

定格成①道美丽的风景綫在彼此间......

日志

关于我

衡阳博客

文章分类

文字移动的代码

2010-06-06 12:43:59| 分类：实用代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自朵&悠《引用非常实用的代码》

文字移动的代码

   以下代码全部来自网络，都是每位博友精心创作出来的，本人比较笨不懂代码，只能用现成的了，为了使用方便，收集了一下自己比较喜欢的放在这里以便用起来方便，在这里特别感谢制作这些代码的博友，谢谢！！！

1.最简单的滚动条设置

带滑动条的表格

看看这个效果，不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格

代码：

<TABLE width=260 align=center border=0>
<TBODY>
<TR>
<TD bgColor=cyan><FONT color=#ffffff><B>带滑动条的表格</B></FONT></TD></TR>
<TR>
<TD bgColor=yellow>
<DIV style="OVERFLOW: auto; HEIGHT: 80px">看看这个效果，不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格<td>标识后加上如下代码就可以了

</div>
</td>
</tr>
</table>

</DIV></TD></TR></TBODY></TABLE>
2.滚动特效
欢迎光临蓝色妖姬的小屋   地址[url]http://hmg-1223.blog.163.com/[/url]
代码：

<marquee scrollamount="2" scrolldelay="0" direction="up" width="330" height="120" border="0" align="center" >
欢迎光临蓝色妖姬的小屋地址[url]http://hmg-1223.blog.163.com/[/url]
</marquee>
3.背景图片＋图片方法：

文

章

代码：

<TABLE align=center background=http://img.blog.163.com/photo/1ewySydop_n0hjnhCaI67Q==/322570323310479663.jpg border=6 cellSpacing=2 borderColor=#1E90FF width=500><TBODY><TR><TD>文章</TD></TBODY></TABLE>

4.字体后面加入背景色

欢迎光临蓝色妖姬的小屋

代码：

><FONT style="BACKGROUND-COLOR: #3366ff" color=#000000 size=5>欢迎

朵&悠的小屋</FONT>

style="BACKGROUND-COLOR: #3366ff"(背景颜色)
color=#000000 "（字体颜色）

5.有边框且有底色方法：

有边框且有底色的语法：举例一

代码：

<table borderColor="#000000" cellSpacing="2" cellPadding="3" width="100%" bgColor="#0997f7" border="10"><tbody><tr><td>有边框且有底色的语法：举例一 </td></tr></tbody></table>
6.使题目动起来：
      蓝色妖姬欢迎你们
代码：

（1）循环左移：<marquee>蓝色妖姬欢迎你们</marquee>

        蓝色妖姬欢迎你们
代码：

（2）左右弹撞：<marquee behavior="alternate">蓝色妖姬欢迎你们</marquee>

7.自下而上滚动文字：
蓝色妖姬真诚欢迎朋友们光临,您的到来会给小屋增添更多活力、精彩与欢乐！
代码：

<MARQUEE style="WIDTH: 200px; HEIGHT: 266px" scrollAmount=2 direction=up width=200 height=266 align="center"><FONT color=#ff0000 size=5>蓝色妖姬真诚欢迎朋友们光临,您的到来会给小屋增添更多活力、精彩与欢乐！</FONT></MARQUEE>

8.特效文字代码

（1）中空文字代码：
蓝色妖姬
代码：

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>蓝色妖姬</B></FONT></CENTER>

（2）立体感特效文字代码

蓝色妖姬

代码：

<font style="font-size:30pt;filter:blur(add=1,direction=30,strength=5);width:100%; color:#9900ff;line-height:150%;font-family:华文行楷"><b>蓝色妖姬</b></font>

（3）带彩色阴影特效文字代码

蓝色妖姬

代码：

<font style="font-size:30pt;filter:dropshadow(color=blue,offx=5,offy=3,positive=1);width:100%; color:red;line-height:150%;font-family:华文魏碑"><b>蓝色妖姬</b></font>

(4)凸起立体感特效文字代码

蓝色妖姬

代码：

<font style="font-size:30pt;filter:shadow(color=black,direction=180);width:100%; color:red;line-height:150%;font-family:华文行楷"><b>蓝色妖姬</b></font>

（5）套边立体感特效文字代码

蓝色妖姬

代码：

<font style="font-size:30pt;filter:glow(color=blue,strength=4);width:100%; color:red;line-height:150%;font-family:华文行楷"><b>蓝色妖姬</b></font>

（6）七彩文字背景代码

蓝色妖姬

代码：
<TABLE style="WIDTH: 500px; HEIGHT: 140px" align=center background=http://99927.com/client/zcsl/200644152842607.GIF border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>
<P><FONT style="FONT-SIZE: 38pt" face=华文行楷 color=#336699 size=3><B></B></FONT> </P>
<P><FONT style="FONT-SIZE: 38pt" face=华文行楷 color=#336699 size=7><B>蓝色妖姬</B></FONT></P>
<P><STRONG><FONT face=华文行楷 color=#336699 size=3></FONT></STRONG> </P></TD></TR></TBODY></TABLE><P></P>

(7)图片插入文字特效代码

蓝色妖姬欢迎你

代码：

<TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a height=164 width=706 align=center background=图片地址 border=3>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=150>
<MARQUEE scrollAmount=3 behavior=alternate width=750><IMG src="http://99927.com/client/zcsl/200644162842796.GIF"><FONT face=华文行楷 color=#800080 size=30><B><FONT face=楷体_GB2312 color=#00ffff>蓝色妖姬欢迎你</FONT><IMG src="http://99927.com/client/zcsl/200644162842796.GIF"></B></FONT></MARQUEE>
</MARQUEE></TD></TR></TBODY></TABLE>
<DIV> </DIV>

（8）文字移动代码：

安德烈．瑞欧在专辑《爱在世界的每个角落》再度以他独特的編曲技法，融合古典与轻音乐大乐团的演出方式，演出一首又一首世人耳熟能祥的乐曲。选曲切合专辑的名称，從奧斯卡金曲〈世事当如此〉，到俄罗斯民谣〈黑眼珠〉；从維也納圓舞曲〈風流寡婦〉，到法國香頌經典〈巴黎天空下〉，每一首都是深具代表性與地方色彩的動人樂曲，欣賞這張專輯，乐迷更能深入體會到「音樂無國界」的意義。

代码：

<MARQUEE scrollAmount=1 direction=up><P align=center> <FONT color=#ffddaa size=4>安德烈．瑞欧在专辑《爱在世界的每个角落》再度以他独特的編曲技法，融合古典与轻音乐大乐团的演出方式，演出一首又一首世人耳熟能祥的乐曲。选曲切合专辑的名称，從奧斯卡金曲〈世事当如此〉，到俄罗斯民谣〈黑眼珠〉；从維也納圓舞曲〈風流寡婦〉，到法國香頌經典〈巴黎天空下〉，每一首都是深具代表性與地方色彩的動人樂曲，欣賞這張專輯，乐迷更能深入體會到「音樂無國界」的意義。</MARQUEE>

(9)彩色字体色彩绚丽

彩色字体色彩绚丽

代码：

</font><br>
<P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>彩
</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff> 绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>

（10）抛射字体

蓝色妖姬

代码：

<DIV align=center>
<DIV style="FILTER: shadow(color=#FF9999
, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=华文彩云 color=#ff0000 size=7><B>
<CENTER>抛射字体</B></CENTER></FONT>
<DIV align=left><BR><BR></DIV></DIV></DIV>
<P align=left> </P>

（11）带背景的闪光字体（背景图片可以换）

带背景的闪光字体（背景图片可以换）

代码：

<P align=center><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://616bbs.vicp.net/picture/yn/hexiang/st4.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center background=http://lanxinzhu.nease.net/wangye/beijin/x1.jpg>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>带背景的闪光字体（背景图片可以换）</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

（12）向下移动的文字

向下移动的文字

（13）向右移动的文字

蓝色妖姬欢迎你欣赏

代码：

<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>蓝色妖姬欢迎你欣赏</B></FONT></P></MARQUEE></P>

（14）波浪式的文字

vior=altrnate width=460 src="">
波浪式的文字

代码：

</font><br><P align=center> </P>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460 <IMG src="">
<DIV align=center><FONT face=隶书 color=red size=7>波浪式的文字</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

（15）原地跳动的文字

原地跳动文字
代码：

<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>原</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>地</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>动</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

（16）交替跳跃的文字

交替跳跃文字
代码：

<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>交</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>替</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>跃</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>

(17)模糊的背景字
模糊背景字
代码：

<CENTER><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: 00cc00,strength=40); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>模</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=180>
<CENTER><B>糊</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>背</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=180>
<CENTER><B>景</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

（18）穿梭的文字

穿　穿 梭梭 文文 字字
代码：

<P><STRONG></STRONG>
<CENTER>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 size=6>穿　穿</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 size=6>梭梭</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#0033cc size=6>文文</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#006633 size=6>字字</FONT></B></MARQUEE><STRONG></CENTER>

（19）彩虹文字

彩虹字体

代码：

<P align=center>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.3yz.net/tjxy/jiaocai/05.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE style="WIDTH: 593px; HEIGHT: 114px" align=center bgColor=#800080>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 56pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#336699><STRONG>彩虹字体</STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

（20）发光文字：

要修改的文字

代码：

<TABLE style="FILTER: glow(color=#6699FF,direction=2)"><FONT color=#ffffff size=2>
<P align=center><FONT size=4>                          要修改的文字</FONT></FONT></P>
<TBODY>
<P align=center><FONT size=4></FONT> </P></TBODY></TABLE>

其中color是阴影的颜色，可以配合网页色调改变，direction是设置阴影的强度，font color是原字体的颜色。

（21）浮雕的文字：

要修改的文字

代码：

<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)"><FONT color=#ffffff>要修改的文字</FONT>
<TBODY></TBODY></TABLE>

（22）七彩文字:

蓝色妖姬

代码：

<TABLE style="WIDTH: 500px; HEIGHT: 140px" align=center background=http://99927.com/client/zcsl/200644152842607.GIF border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>
<P><FONT size=6>蓝色妖姬</FONT></P></TD></TR></TBODY></TABLE>

9.渐隐的播放器

代码：

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=20, StartY=60, FinishX=0, FinishY=0)gray(); WIDTH: 330px; HEIGHT: 24px">
<TBODY>
<TR>
<TD><EMBED style="FILTER: invert()" align=left src=http://blog.sanfo.com/UploadFiles/2007-6/614728016.wma width=330 height=24 type=audio/mpeg Kern - The Winding Path 32-01.wma loop="-1" autostart="true" volume="0" ShowStatusBar="1" louie.mp3 Louie.mp3 Amo.WMA Ti Che Dirti Pausini--Volevo></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

10.图片中插入飞翔flash

代码：

<TABLE height=333 cellSpacing=' "1 "' borderColorDark=#0008b0 cellPadding=' "1 "' width=480 borderColorLight=#0008b0 background=http://img.blog.163.com/photo/vG4dnreeHR0AVh7lqlCLhg==/2259399638056535078.jpg.jpg border=' "1 "'>
<TBODY>
<TR>
<TD><EMBED src=http://music.leiyu668.com/3_flash/tmdh/171.swf width=480 height=333 type=application/x-shockwave-flash quality="high" wmode="transparent" > </TD></TR></TBODY></TABLE>

11..图片左右滚动：

代码：

<MARQUEE scrollAmount=-1 width="100%" height=120><A href="http://hmg-1223.blog.163.com/album/prevPhoto.do?photoId=_fks_g6JBUwhcn3cDrqvAghBiO3q2eM6jJ8F6" target=_blank><IMG src="http://img.blog.163.com/photo/FlnQ0C_wL14CZDN4gCQ5TA==/1743737480722615275.jpg"></A><A href="http://hmg-1223.blog.163.com/album/prevPhoto.do?photoId=_fks_lY_m0Viuggv8jmdjRKW8RJLlYPQxkOry" target=_blank><IMG src="http://img.blog.163.com/photo/YghiI8RgLH9TlEgv3wvU5w==/1986650385623909154.jpg"></A><A href="http://hmg-1223.blog.163.com/album/prevPhoto.do?photoId=_fks_gJbbD8PwdgbwdlNWjb_ffRyCzbiPMQFQ" target=_blank></A></MARQUEE>

12.动态图片合成代码

代码：

<TABLE height=480 cellSpacing=0 cellPadding=0 width=451 background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://home.naver.net/brown444/swish/s66-m.swf width=451 height=480 type=application/octet-stream wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>
13.一层透明Flash的效果1：

代码：

<P align=center>
<TABLE style="WIDTH: 480px; HEIGHT: 451px" height=451 cellPadding=0 width=480 align=center background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD><EMBED style="WIDTH: 480px; HEIGHT: 451px" align=right src=http://imgfree.21cn.com/free/flash/4.swf width=480 height=451 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></P>

13-1.一层透明Flash的效果2：

代码：

<TABLE borderColor=#cccccc height=451 cellSpacing=0 cellPadding=0 width=480 background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD><EMBED src=http://xzxnl1.blog.enorth.com.cn/attachment/flash/229691.swf width=480 height=450 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>

14.两层透明Flash的效果：

代码：

<P align=center>
<TABLE style="WIDTH: 480px; HEIGHT: 451px" height=451 cellPadding=0 width=480 align=center background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD><EMBED                               align=right src=http://imgfree.21cn.com/free/flash/136.swf width=480 height=451 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED                               align=right src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=480 height=451 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE><FONT size=+0></FONT></P>

15.三层透明Flash的效果：

代码：

<TABLE height=480 cellSpacing=0 cellPadding=0 width=451 background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=451 height=480 type=application/octet-stream quality="high" wmode="transparent"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/7.swf width=451 height=480 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://www.forshine.net/flash/4.swf width=451 height=480 type=application/octet-stream quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE>

16. 四层透明Flash的效果：

代码：

<P align=center>
<TABLE height=480 cellPadding=0 width=451 align=center background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/4.swf width=451 height=480 type=application/x-shockwave-flash wmode="transparent" quality="high" ><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/51.swf width=451 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/9.swf width=451 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/61.swf width=451 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED></TD></TR></TBODY></TABLE><FONT size=+0></FONT></P>

17朦胧图片加入一个透明FLASH的效果:

代码：

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=480 background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg height=451>
<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/33.swf width=480 height=451 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

请大家注意：style=1或2或3，其图片朦胧的效果就不同，如果是4就没有效果了。在朦胧图片的基础上还能加入透明的FLASH。其代码如下：

18。朦胧图片加入两个透明FLASH的效果：

ta/13523/images/20060516103256.swf width=449 height=337 type=application/x-shockwave-flash quality="high" >

代码：

<P align=center><STRONG><FONT color=#ff00ff size=6>
<TABLE style="FILTER: alpha(opacity=100,style=2); WIDTH: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#555555 cellSpacing=0 cellPadding=0 width=0 align=center background=http://img785.photo.163.com/hmg-1223/108967183/2698094141.jpg border=0>
<TBODY>
<TR>
<TD>
<P><BR><EMBED style="WIDTH: 449px; HEIGHT: 337px" align=right src=http://xyzl.163yj.net/data/13523/images/20060516103256.swf width=449 height=337 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED style="WIDTH: 449px; HEIGHT: 337px" align=right src=http://bbs.cnlsj.com/UploadFile/2005-6/20056902717184.swf width=449 height=337 type=application/x-shockwave-flash wmode="transparent"></P></TD></TR></TBODY></TABLE></FONT></STRONG></P>

19.日志图片背景：

日志内容：用图片作背景

代码：

<TABLE align=center borderColorLight=#33FF00      borderColorDark=#FFFF00     cellSpacing=20   cellPadding=25 width="100%" bgcolor=008080 background=图片地址 border=15>
<TBODY>
<TR>
<TD>
<P><FONT color=#ffebcd size=5><STRONG>日志内容：用图片作背景</STRONG></FONT></P></TD></TR></TBODY></TABLE>

有喜欢加音乐的可以加入以下代码：

<EMBED             style="LEFT: 1px; WIDTH: 0px; TOP: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>

20.彩色边框代码：

日志文字

代码：

<div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>

border-style则控制边框的效果

border-width控制边框的粗细，

border-color调整边框的颜色，

这里你仍然可以使用如#xxxxxx的颜色数值，而当使用“solid”则为单一颜色的线形简单边框。

<DIV style="BORDER-RIGHT: #ff4500 4px solid; BORDER-TOP: #ff4500 4px solid; BORDER-LEFT: #ff4500 4px solid; BORDER-BOTTOM: #ff4500 4px solid; BACKGROUND-COLOR: #ffdead">实线</DIV>
21双线框代码：

<div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B"> <div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>

效果如框内，是带背景色（熏衣草色）的简单双线框。

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#ffdab9;">文字</div></div>

显示的效果是背景色为桃色的简单双线框。效果如框内所示，边框的颜色是橙红色#ff4500，框内背景色为桃色#ffdab9

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>

显示的效果是背景色为NAVAJO白的简单双线框。效果如框内所示，边框的颜色是橙红色#ff4500，框内背景色为桃色#ffdead。

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>

背景颜色为淡黄色#FFFFE0，效果如框内所示。

<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080"> <div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>

这种双线框的效果有若隐若现的感觉，框的颜色是淡珊瑚色#f08080，框内背景的颜色是NAVAJO白#FFdead。效果如框内所示。

<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080"> <div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>

这种双线框的效果有若隐若现的感觉，框的颜色是淡珊瑚色#f08080，框内背景的颜色是淡黄色#FFFFE0。效果如框内所示。
21.立体线框代码：

<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge; border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>

效果如框内所示，是带背景色（熏衣草色）的浮出立体线框，代码中的#E6E6FA是背景的颜色（熏衣草色）

<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d"> <DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffc0cb">文字</DIV></DIV>

背景为粉红色，效果如框内所示。

<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d"> <DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffdab9">文字</DIV></DIV>

背景为桃色，效果如框内所示。

22.滚动文本框代码：

把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片，而且文本框的大小可以随意调整。

代码：

<DIV align=center style=' color: #990099; background-color:#FFFFE0; border: solid 2px black; width: 470px; height: 180px; overflow: scroll; scrollbar-face-color: #ffc0cb; scrollbar-shadow-color: #ffb6c1; scrollbar-highlight-color: #98fb98; scrollbar-3dlight-color: #ffb6c1; scrollbar-darkshadow-color: #90ee90; scrollbar-track-color: #ffdead; scrollbar-arrow-color: #f5deb3; '>日志文字</DIV>

代码实现的文本框是浅黄色的背景，粗略效果如文本框内所示。

（注释：附语法语句的解释：

//层开始标记，对中对齐 : <DIV align=center //样式如下： : style=' //前景色为#ffffff : color: #ffffff; //背景色为#000000 : background-color: #000000; //边框为2像素，黑色 : border: solid 2px black; //宽度120像素 : width: 120px; //高度200像素 : height: 200px; //超出范围时使用滚动条 : overflow: scroll; //滚动条的各个颜色如下 : scrollbar-face-color: #889B9F; : scrollbar-shadow-color: #3D5054; : scrollbar-highlight-color: #C3D6DA; : scrollbar-3dlight-color: #3D5054; : scrollbar-darkshadow-color: #85989C; : scrollbar-track-color: #95A6AA; : scrollbar-arrow-color: #FFD6DA; //在这个层中显示文字“日志文字”，层结束标志 : '>日志文字</DIV>

实线 <div style="border:1px solid #000000;">实线</div>

外凸
<div style="border-style:outset; border-width:1px;">外凸</div>

双线
<div style="border:3px double #000000;">双线</div>

虚线
<div style="border:1px dashed #000000;">虚线</div>

文字
<div style="border: 1px dashed #f08080;background-color:#ffdab9">文字</div> 效果是框线颜色为淡珊瑚色#f08080，宽度为1，背景色为桃色#ffdab9的虚线框。
22.雪花装饰背景：（黑色系列）

代码： <div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/1YGXH5DC7CDx_hr-Ii2-fg==/2561703763043743677.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#B8CEE9" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/rdmtNii8iGsPt0E1ekQD2Q==/2561703763043743707.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFCC00" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/jDARVfvYqeI5A3PKQh-YGg==/2561703763043743739.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FAA783" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/1KQhmS-hC2ppgzPHAZ4D3g==/2561703763043743762.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#CDD4D7" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/zo16mUfOclvzm4XJTEH3gw==/2561703763043743795.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#CDD4D7" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="http://img.blog.163.com/photo/54dc7KikugoO6b5wMiAJ5Q==/2561703763043743806.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="http://img.blog.163.com/photo/FTaG7Q7TWFFhn-KxWRjTJA==/2561703763043743819.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="http://img.blog.163.com/photo/1EW88suUUrOIHOFw-q_sxg==/2561703763043743833.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/WFKROe0CKtVwR7FPnf6ivA==/3724476891835500513.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/nWZX72E2XgRgOYuGJfFPGw==/3724476891835500644.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table></div>

23.平安夜背景代码：

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/iDFPQtNDiIuFTnUw-D9ZZQ==/5398408578333734547.jpg"><div align="center"><table border="0" width="500" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFCC00" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/kDs8KntbcL8cbRQAdTL0Yg==/2561703763043743660.jpg"><div align="center"><table border="0" width="500" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
24.圣诞袜装饰背景：

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/lwWAJJOsjU7MRbXhWx3eeA==/3724476891835500660.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table><p style="line-height: 250%"></div>

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/_QXKHLBKGgwjn0lA6dQC1w==/3724476891835500684.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table><p style="line-height: 250%"></div>

25.金色圣杯背景

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="http://img.blog.163.com/photo/qKnMEw4PDllEzANMECgopg==/1461981029035221275.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table><p style="line-height: 250%"></div>

26.天使降临背景：

代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/kn8f-vZ3j8u5H5qTN-LcAg==/1461981029035221338.jpg"><div align="center"><table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div></div></div></td></tr></table></div>

以上这些直接复制代码到日记编制器中即可使用,累死了，不弄了，先整理这些吧！！！

点击链接欣赏更多精彩

★精品日志收藏★

美容护肤

服饰搭配

情感物语

幽默搞笑

人生感悟

生活贴士

美丽发型

减肥瘦身

饮食保健

职场策略

图片欣赏

随笔杂谈

   PS教程

音画图文

子女教育

博客技巧

博客素材

U5教程

时尚购物

默认分类

时尚家装

食全食美

休闲驿站

休闲驿站

休闲驿站

网址导航

淘宝导购

淘客城

凡客诚品

NO5时尚

梦芭莎

卓越商城

分享本模块代码

评论这张

转发至微博

阅读(87)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_080075083082083074084082082095085085086071084086081064086',
              blogTitle:'文字移动的代码',
              blogAbstract:'<P\> </P\>  <P\><A target=\"_blank\" href=\"http://yanglannvhai.blog.163.com/blog/static/1271592892010310115613940\" \>文字移动的代码</A\><BR\></P\>  <BLOCKQUOTE\>  <P\> </P\>  <BLOCKQUOTE\>  <P align=\"left\" \>   <FONT color=\"#00ff00\" size=\"4\" \>以下代码全部来自网络，都是每位博友精心创作出来的，本人比较笨不懂代码，只能用现成的了，为了使用方便，收集了一下自己比较喜欢的放在这里以便用起来方便，在这里特别感谢制作这些代码的博友，谢谢！！！</FONT\></P\>  <P\><FONT color=\"#00ff00\" \><FONT color=\"#ff6600\" size=\"4\" \>1.最简单的滚动条设置 <BR\></FONT\></FONT\></P\>  <TABLE border=\"0\" width=\"260\" align=\"center\" \>  <TBODY\>  <TR\>  <TD bgColor=\"cyan\" \><FONT color=\"#ffffff\" \><B\>带滑动条的表格</B\></FONT\></TD\></TR\>  <TR\>  <TD bgColor=\"yellow\" \>  <DIV style=\"HEIGHT: 80px; OVERFLOW: auto;\"  \>看看这个效果，不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格</DIV\></TD\></TR\></TABLE\></BLOCKQUOTE\></BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/13740073220105604359524',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317740701192,
              publishTime:1275799439524,
              permalink:'blog/static/13740073220105604359524',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/13740073220105604359524">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

美容护肤	服饰搭配	情感物语	幽默搞笑
人生感悟	生活贴士	美丽发型	减肥瘦身
饮食保健	职场策略	图片欣赏	随笔杂谈
PS教程	音画图文	子女教育	博客技巧
博客素材	U5教程	时尚购物	默认分类
时尚家装	食全食美	休闲驿站	休闲驿站
休闲驿站	网址导航	淘宝导购	淘客城
凡客诚品	NO5时尚	梦芭莎	卓越商城

.

导航

日志

文字移动的代码

历史上的今天

最近读者

热度

评论

页脚