注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

图片特效类(1)  

2007-10-05 09:18:22|  分类: 图片加字、加特效 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 


图 片 特 效 类 ( 1 )

 

 图片朦胧的效果:(1)

 

 

图片特效类(1) - liumaodan.1977 - 1977

 

 代码:

<P align=center><IMG style="FILTER: Alpha(opacity=100,style=2)" height=300 src="http://img.bimg.126.net/photo/fG7SMOTdIQd1aeArFOnc0Q==/484981384873665829.jpg" width=300></P>  

 

 说明:          代码中 height=300  是图片的高度,  width=300  是图片的宽度, style=2 是朦胧的外形形状(style=2 是圆形,style=3  是方形), opacity=100  是透明度.(100是完全透明,数值越小透明度越差),以上的几个数字都是可以改变的.

 图片朦胧的效果:(2)

 

图片特效类(1) - liumaodan.1977 - 1977

代码:

<IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" height=300 src="http://img.bimg.126.net/photo/fG7SMOTdIQd1aeArFOnc0Q==/484981384873665829.jpg" width=200></P> 

 

 说明:          finishopacity=0  指的是被遮挡部分的透明度,当 finishopacity的数字为"0"时,是完全遮挡,它和第一种代码虽然不尽相同,但都是可用的,也可以相互顶替.

 

 图片朦胧加左右晃动效果:

 

 代码:

<MARQUEE scrollAmount=3 behavior=alternate>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='80',style='2')" width=450 background=http://img.bimg.126.net/photo/fG7SMOTdIQd1aeArFOnc0Q==/484981384873665829.jpg height=330>
></TD></TR></TBODY></TABLE></MARQUEE>

 

 说明:          <MARQUEE scrollAmount=3 behavior=alternate> 是晃动的代码scrollAmount=3是晃动的速度,如果把这个代码加到前面两个中任何一个代码的前面,它的效果是同样的.如果把它的宽度和高度尺寸调换一下,效果又是不一样了,(在不给它设置运动方向的情况下,它是左右运动,如果给它设置上或下运动的代码,同时给它设置运动的高度,就是上下运动了下面看一看效果):

图片朦胧加上下晃动效果:

 

 代码:

<MARQUEE  direction=up scrollAmount=3 behavior=alternate height=420>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='80',style='2')" width=450 background=http://img.bimg.126.net/photo/fG7SMOTdIQd1aeArFOnc0Q==/484981384873665829.jpg height=330>
></TD></TR></TBODY></TABLE></MARQUEE>

说明:          大家看到了吧.除了粉色的代码外,一切都是和上面的代码一样.下面的图片代码也是这样.由此我们可以得出这样一个结论 :  只要在图片的最前面加上代码: <MARQUEE scrollAmount=3 behavior=alternate>   它就会左右晃动.加上代码 : <MARQUEE  direction=up scrollAmount=3 behavior=alternate height=420>     它就会上下晃动.(当然,晃动的高度一定要大于图片的高度,不然图片怎么运动?) 请大家牢牢记住这一点.这是我的一点体会.现在奉献给大家.希望能对你有所帮助.

  图片朦胧加两个特效的效果:

 

 

 代码:

<TABLE align=center>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=420 background=http://img.blog.163.com/photo/VFeJsIB85G1rsiKybER_XA==/1980739411113124570.jpg height=296>
<P><B><EMBED align=right src=http://home.naver.net/brown444/swish/s89-m.swf width=420 height=296 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/16.swf width=420 height=296 type=application/x-shockwave-flash wmode="transparent" quality="high" > </B></P></TD></TR></TBODY></TABLE>

 

 说明:          红色的是图片地址,粉色的是两个特效地址,如果我们把高度和宽度掌握好,再把晃动的代码放到上面代码中的最前面去,那就是晃动加特效.效果相当不错的.如果你想加三个特效,那末就在黄色代码的前面再加代码就行了(就是黄色部分,当然,黄色当中的粉色是特效的地址).

看看效果:

 

  图片中飘动的字

美丽的风景

 

代码:

<TABLE borderColor=#66cc00 height=300 width=500 align=center border=3>
<TBODY>
<TR>
<TD background=
http://img.blog.163.com/photo/TGiqOfG_Y-crNxlFEOuq7Q==/3740239490531752281.jpg>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=300>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=#0000cc size=6><B>美丽的风景</B></FONT></P></MARQUEE></MARQUEE></TD>

 

说明:          borderColor=#66cc00 是边框的颜色, border=3  表示边框的厚度,粉色部分是图片地址,scrollAmount=3 指字体飘动的速度, color=#0000cc 和size=6 是字体的颜色代码和字的大小(字7最大,1最小),上面的高度(height=300 )和宽度(width=500 )是对图片而言,下面的高和宽是对字体而言.

 图片中文字由左向右滚动:

 



写上你想写的字!

写上你想写的字!

写上你想写的字!

写上你想写的字!

 代码:

<TABLE borderColor=#66cc00 height=300 width=500 align=left background=http://img.blog.163.com/photo/TGiqOfG_Y-crNxlFEOuq7Q==/3740239490531752281.jpg border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=隶书 color=#0000ff size=5>写上你想写的字!</FONT></P>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>写上你想写的字!</B></FONT></P>
<P align=center><FONT face=隶书 color=#00ffff size=5>写上你想写的字!</FONT></P>
<P align=center><FONT face=隶书 color=#ff00ff size=5>写上你想写的字!</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

 

 图片中文字由下往上滚动

 

写上你想写的字

写上你想写的字

写上你想写的字

写上你想写的字

 代码:

 <TABLE borderColor=#66cc00  height=300 cellPadding=10 width=500 align=center background=http://img.blog.163.com/photo/TGiqOfG_Y-crNxlFEOuq7Q==/3740239490531752281.jpg border=3 table="0"><TBODY><TR><TD><DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE
style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=5><B>写上你想写的字</B></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=5></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=5><B>写上你想写的字</B></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=5></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=5><B>写上你想写的字</B></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=5></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#00fff0 size=5><B>写上你想写的字</B></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=5></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=5><FONT color=#ffffff><B>写上你想写的字</B></FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

 

 说明:       代码中  style="WIDTH: 380px 是指字体的宽度 .  HEIGHT: 84px 是指字体在图片上活动的高度, 如果还想添加,那就把代码中的黄色部分加进去,但不要忘了更换颜色代码,

 图片加特效(1)

 

 

 代码:

<P align=center>
<TABLE style="WIDTH: 500px; HEIGHT: 300px" borderColor=#66cc00 height=336 cellPadding=0 width=460 align=center background=http://img.blog.163.com/photo/TGiqOfG_Y-crNxlFEOuq7Q==/3740239490531752281.jpg border=3>
<TBODY>
<TR>
<TD><EMBED align=right
src=http://home.naver.net/brown444/swish/s89-m.swf
 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right
 src=http://vip.cn/client/fuyongjianpp/200615203539285.SWF width=450 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://www.blog286.com/upfile/flash/080114/bg014.swf width=450 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right
src=http://imgfree.21cn.com/free/flash/4.swf width=450 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE><FONT size=+0></FONT></P>

 

 说明:          红色的是图片的地址,粉色的是特效地址,一共是四个特效,如果你想要两个,那末就减掉两个就行了.

图片加特效(2)

 

图片特效类(1) - liumaodan.1977 - 1977

 

代码:

  

 <TABLE borderColor=#00ff00 height=300 width=500 align=center background=http://img.blog.163.com/photo/XLaSGTT9ZbMbZ-ckh1ONDg==/2887933261051803495.jpg border=3>

<TBODY>

<TR><TD><EMBED align=right src=http://www.baihh.cn/flash/tm/dw/down/5.swf width=500 height=300 type=application/octet-stream wmode="transparent"

quality="high"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://www.baihh.cn/flash/tm/xhgy/down/005.swf width=500 height=300 type=application/x-shockwave-flash

allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right

src=http://www.baihh.cn/flash/tm/shueizu/down/38.swf width=500 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent">

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=300>

<MARQUEE scrollAmount=3 behavior=alternate width=500> <IMG style="FILTER: Alpha(opacity=100,style=2)" src="http://www.t8cn.com/image/lipin/qingchun/2249Acir0XGE.gif"><STRONG> <FONT face=楷体层_GB2312 color=red size=6>

 <MARQUEE direction=up behavior=alternate width=40 height=80><B>热</B></MARQUEE><FONT color=#ffff00>

<MARQUEE direction=up behavior=alternate width=40 height=60><B>烈</B></MARQUEE><FONT color=#0080ff>

<MARQUEE direction=up behavior=alternate width=40 height=80><B>欢</B></MARQUEE><FONT color=#ff00ff>

 <MARQUEE direction=up behavior=alternate width=40 height=60><B>迎</B></MARQUEE><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=40 height=80><B>朋</B></MARQUEE><FONT color=#33ff66>

<MARQUEE direction=up behavior=alternate width=40 height=60><B>友</B></MARQUEE><FONT color=#ff0000>

 <MARQUEE direction=up behavior=alternate width=40 height=80><B>们

</B></MARQUEE></FONT></B></FONT>

</FONT></FONT></FONT></FONT></FONT></STRONG></MARQUEE></FONT>

<CENTER></CENTER></FONT></STRONG></FONT></FONT></FONT>

</FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 

 

图片加一个特效字体往上滚动:

 

朋友们大家好
欢迎来到我的家园
1977祝朋友们
快乐渡过每一天

 

代码:

<TABLE borderColor=#00ff00 height=350 width=500 align=center background=http://img.blog.163.com/photo/Q8mXalgJ9IbRnUtwgquQ6w==/2849934139195729041.jpg
 FONT border=3>
<TBODY><TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/16.swf width=500 height=350
 type=application/x-shockwave-flash
wmode="transparent" quality="high">
<MARQUEE style="WIDTH: 500px; HEIGHT: 260px" scrollAmount=4 direction=up><FONT
face=隶书 color=#66ff66 size=6>
<DIV align=center><FONT color=#ff0688 size=6>朋友们大家好</FONT></DIV>
<DIV align=center>欢迎来到我的家园 </DIV>
<DIV align=center><FONT color=#f00000 size=6>1977祝朋友们</FONT></DIV>
<DIV align=center><FONT color=#00ff00>快乐渡过每一天</FONT></DIV>
<DIV></DIV></FONT></MARQUEE></TD></TR></TBODY></TABLE></TR></TBODY></TABLE>

 说明:     粉色是图片地址,红色是特效地址.    第一行的宽和高是对图片而言,红色地址后面的高和宽是对特效而言. WIDTH: 500px; HEIGHT: 260px  是指字体在图片上的活动的高度和宽度,上面是加一个特效的,如果要加两个特效,那末就把淡黄色的代码加进去就行了.当然,要把红色的特效地址算进去.

 下面是加两个特效的效果;

 

朋友们大家好
欢迎来到我的家园
1977祝朋友们
快乐渡过每一天

 

代码:

<TABLE borderColor=#00ff00 height=350 width=500 align=center background=http://img.blog.163.com/photo/Q8mXalgJ9IbRnUtwgquQ6w==/2849934139195729041.jpg
 FONT border=3>
<TBODY><TR>
<TD>
<EMBED align=right src=http://imgfree.21cn.com/free/flash/16.swf width=500 height=350
 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal"
wmode="transparent" quality="high">
<EMBED align=right src=http://home.naver.net/brown444/swish/s80-m.swf  width=500 height=350
 type=application/x-shockwave-flash
wmode="transparent" quality="high">
<MARQUEE style="WIDTH: 500px; HEIGHT: 260px" scrollAmount=4 direction=up><FONT
face=隶书 color=#66ff66 size=6>
<DIV align=center><FONT color=#ff0688 size=6>朋友们大家好</FONT></DIV>
<DIV align=center>欢迎来到我的家园 </DIV>
<DIV align=center><FONT color=#f00000 size=6>1977祝朋友们</FONT></DIV>
<DIV align=center><FONT color=#00ff00>快乐渡过每一天</FONT></DIV>
<DIV></DIV></FONT></MARQUEE></TD></TR></TBODY></TABLE></TR></TBODY></TABLE>

大家看看是不是只多了一串粉色的代码.如果你还想加,那就再加一串就完了.

 

 图片倒影的效果:

 

图片特效类(1) - liumaodan.1977 - 1977
图片特效类(1) - liumaodan.1977 - 1977

 

 代码:

<P align=center><IMG style="WIDTH: 420px; HEIGHT: 280px" src="http://img.blog.163.com/photo/MF1rHzMaJNAVcNYTX1RhLQ==/4016366442684810343.jpg " width=420></IMG><BR><IMG style="FILTER: wave(strength=5,freq=15,phase=0,lightstrength=10)
 blur() flipv(); WIDTH: 420px; HEIGHT: 200px" src="
http://img.blog.163.com/photo/MF1rHzMaJNAVcNYTX1RhLQ==/4016366442684810343.jpg "
width=420></P>

 说明:        粉色的是图片的地址,黄色的是倒影的代码.(strength=5,是倒影边缘齿的深度。freq=15,是倒影的行数phase=0,lightstrength=10 是水纹线条的深度). ,浅蓝色的是图片的宽和高,浅黄色的是倒影的宽和高.

 

 字体飞舞加两个特效;

 


看望是一种欣慰
过后是一种回味
祝福是一种真情
友谊是一种可贵

 代码:

<TABLE borderColor=#CCFF66 height=300 width=450 align=center background=http://img.blog.163.com/photo/XLaSGTT9ZbMbZ-ckh1ONDg==/2887933261051803495.jpg
 border=3>
<TBODY>
<TR>
<TD><EMBED align=right src=http://home.naver.net/brown444/swish/s31-m.swf  width=450 height=300 type=application/octet-stream swf quality="high" wmode="transparent"><EMBED align=right src=http://home.naver.net/brown444/swish/s4-m.swf  width=450 height=300 type=application/octet-stream swf
 quality="high" wmode="transparent">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=300>
<MARQUEE scrollAmount=3 behavior=alternate width=450><STRONG><FONT face=楷体_GB2312
color=#ff0000 size=5><BR>看望是一种欣慰<BR>过后是一种回味<BR>祝福是一种真情<BR>友谊是一种可贵<BR></FONT></STRONG></FONT></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 说明;         粉色是图片地址,黄色是特效地址.

图片中加竖行字:

 

燕歌行
秋风萧瑟天气凉,
草木摇落露为霜.
群燕辞归雁南翔,
念君客游思断肠.
慊慊思归恋故乡,
君何淹留寄他方?
贱妾茕茕守空房,
忧来思君不敢忘,
不觉泪下沾衣裳。
援琴鸣弦发清商,
短歌微吟不能长。
明月皎皎照我床,
星汉西流夜未央。

锄禾日当午
汗流禾下土
谁知盘中餐
粒粒皆辛苦


 

 代码:

<DIV></DIV>
<TABLE borderColor=#669900 height=300 width=450 align=center border=4>
<TBODY>
<TR>
<TD background=http://bbs.chelder.com.cn/UpFile/UpAttachment/2008-12/2008122012175.gif>
<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=450 height=300>
<MARQUEE style="LINE-HEIGHT: 50%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up
 width=450 height=290>
<P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; LINE-HEIGHT: 130%; FONT-FAMILY:
 "color=#FF0000><B>燕歌行<BR>秋风萧瑟天气凉,<BR>草木摇落露为霜.<BR>群燕辞归雁南翔,<BR>念君客游思断肠.
<BR>慊慊思归恋故乡,<BR>君何淹留寄他方?<BR>贱妾茕茕守空房,<BR>忧来思君不敢忘,<BR>不觉泪下沾衣裳。
<BR>援琴鸣弦发清商,<BR>短歌微吟不能长。<BR>明月皎皎照我床,<BR>星汉西流夜未央。<BR><BR>锄禾日当午
<BR>汗流禾下土<BR>谁知盘中餐<BR>粒粒皆辛苦</B><BR><BR></FONT></P></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE>

 

 说明:          粉色的是图片地址.关于字体的说明我已在"各种特效字体汇编"中有详细的解说.这里不再重复.

 

  双层表框加字

 

 

在这里写标题

1977 欢迎朋友们到我的家园来

 

 代码:

<TABLE height=300 width=500 align=center
 background=http://bbs.guolan.com/upload/2004813181838.gif border=5>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#00ff00 size=6>在这里写标题<FONT color=#000000>
</FONT><FONT color=#c709f7></FONT></FONT></P></TD></TR>
<TR>
<TD height=300>
<DIV align=center><FONT face=楷体_GB2312 color=#66ff66 size=5><B>1977<FONT color=#cc0000>
欢迎朋友们</FONT><FONT color=#ff00ff>到我的家园来</B></FONT></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://home.naver.net/brown444/swish/s42-m.swf width=500
height=220 type=application/x-shockwave-flash
 quality="high" wmode="transparent"></EMBED></DIV></TD></TR></TBODY></TABLE>

 

1 9 7 7 祝 朋 友 开 心 每 一 天
  评论这张
 
阅读(1058)| 评论(11)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017