分享

几种梦幻代码的运用

 宝轮散人 2015-02-27

 

2011-08-27 21:59:51|  分类: 【代码专辑】 |  标签: |举报 |字号 订阅

 

几种梦幻代码的运用

 精典雅精美日志边框 - 理睬博客

1·用闪底素材制作闪动梦幻照片的代码

效果1:

 

 


 

效果2:

 

 


 

原图1:(宽:400,高:500)

几种实用代码学习汇总 - 娟子 - 海之女

 原图2:(宽:400,高:500)

几种实用代码学习汇总 - 娟子 - 海之女

 

闪底素材供你选用

 

几种实用代码学习汇总 - 娟子 - 海之女几种实用代码学习汇总 - 娟子 - 海之女几种实用代码学习汇总 - 娟子 - 海之女几种实用代码学习汇总 - 娟子 - 海之女几种实用代码学习汇总 - 娟子 - 海之女几种实用代码学习汇总 - 娟子 - 海之女

 

代码如下:
 
 <DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width=500 align=center background=闪底图片地址   border=0>
<TBODY>
<TR>
<TD>
<P align=center> </P>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=500 background=照片地址  height=400></TD></TR></TBODY></TABLE>
<P> </P><BR>
<P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #7fff00; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B><I>娟子欢迎您!</I></B></FONT></P></TD></TR></TBODY></TABLE></DIV>


2·梦幻图片代码(直接用代码复制黏贴使用)

 

梦幻图片效果图:

  

原图:

几种实用代码学习汇总 - 娟子 - 海之女

 

 

梦幻图片代码

<TABLE style="WIDTH: 750px; HEIGHT: 625px" height=491 width=690 align=center background=http://image83.360doc.com/DownloadImg/2015/02/2719/50567207_16.gif border=0 jpeg>
<TBODY>
<TR>
<TD><IMG title=" " style="DISPLAY: block; FILTER: Alpha(opacity=100,style=3); WIDTH: 750px; HEIGHT: 625px; TEXT-ALIGN: center" height=375 alt=" " src="
http://image83.360doc.com/DownloadImg/2015/02/2719/50567207_8.jpg" width=600> </TD></TR></TBODY></TABLE>

(红色是图片地址)

 

 


 3·在背景图片上加闪光字的代码
最终效果图:
 

难忘曲
夹道开洞门,
弱杨低画戟。
帘影竹华起,
箫声吹日色。
蜂语绕妆镜,
画蛾学春碧。
乱系丁香梢,
满栏花向夕。

原图:(宽:500,高:400)

几种实用代码学习汇总 - 娟子 - 海之女

代码如下:

<TABLE height=400 cellSpacing=0 cellPadding=0 width=500 align=center background=http://image83.360doc.com/DownloadImg/2015/02/2719/50567207_17.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE height=400 width=500 align=center background=http://image83.360doc.com/DownloadImg/2015/02/2719/50567207_18.jpg>
<TBODY>
<TR>
<TD>
<P></P>
<DIV align=center>
<DIV style="WIDTH: 500px; WRITING-MODE: tb-rl; TEXT-ALIGN: center">
<P align=center><FONT face=华文行楷 color=#336699 size=6><B><B>难忘曲 <BR>夹道开洞门,<BR>弱杨低画戟。<BR>帘影竹华起,<BR>箫声吹日色。 <BR>蜂语绕妆镜,<BR>画蛾学春碧。<BR>乱系丁香梢,<BR>满栏花向夕。</P></B></FONT></FONT></B></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

(红色部分是图片地址)


在Flash动画上加入滚动字幕的代码

效果图 1:

 

前生五百次的凝眸,
才能换得今生一次的擦肩而过。
世间若真有轮回,
那么,我们的前生曾会是什么?
我又是在何处与你相逢、何处于你回眸?
远风吹灭了沾霜的渔火,
却吹不尽弯月沉没的忧伤。
也许,你的前世是天际的一缕彤云,
也许,我的前世是山野柔柔的清风;
你我前生曾经许下这个约定,
今世延续我们这段刻骨铭心的爱情。

 

代码:
<DIV align=center>
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 width=600 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<DIV align=center><EMBED src=http://images./attachments/day_091019/20091019_9212fc3208bde5d982c6l5M9rs1k7msc.swf  width=600 height=300 type=application!/x- WMODE="transparent" ALLOWNETWORKING="internal" ></EMBED>
<P style="MARGIN-TOP: -300px; MARGIN-LEFT: 10px" align=center> </P>
<MARQUEE style="WIDTH: 485px; HEIGHT: 150px" scrollAmount=1 direction=up><FONT face=楷体-GB2312 color=#ff0033 size=3><STRONG>前生五百次的凝眸,<BR>才能换得今生一次的擦肩而过。<BR>世间若真有轮回,<BR>那么,我们的前生曾会是什么?<BR>我又是在何处与你相逢、何处于你回眸?<BR>远风吹灭了沾霜的渔火,<BR>却吹不尽弯月沉没的忧伤。<BR>也许,你的前世是天际的一缕彤云,<BR>也许,我的前世是山野柔柔的清风;<BR>你我前生曾经许下这个约定,<BR>今世延续我们这段刻骨铭心的爱情。</STRONG></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>


娟子提示:

1、上面粉色处是flash(或视频)地址,换成你自己的!

2、黄字处是flash显示的宽度和高度,改变数值来改变显示大小!

3、红色处是字幕离边框的距离,改变数值可以调整整个字幕在flash上的位置。

4、蓝色处是滚动字幕的宽度和高度。可以自己改变数值!

5、蓝色处换成你自己的文字,用代码“<br>”来换行!

6、align=center  是字幕归中,可以用align=right  靠右,align=left  靠左!


图片羽化代码
 
原图(宽:300,高:225)
 
几种实用代码学习汇总 - 娟子 - 海之女

 

 1、图片羽化(圆形)效果图:

几种实用代码学习汇总 - 娟子 - 海之女

2、图片羽化(方形)效果图:

几种实用代码学习汇总 - 娟子 - 海之女

3、图片羽化后(圆形),加flash效果图:

 


 

1、图片羽化(圆形)效果图代码:

<DIV align=center><STRONG><FONT color=#d1ddff><IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 225px" height=225 src="http://image83.360doc.com/DownloadImg/2015/02/2719/50567207_11.jpg" width=300></FONT></STRONG></DIV></FONT></STRONG> 


 

2、图片羽化(方形)效果图代码:

<P align=center><IMG style="FILTER: Alpha(opacity=200,style=3); WIDTH: 560px; HEIGHT: 420px" height=160 src="http://image83.360doc.com/DownloadImg/2015/02/2719/50567207_11.jpg" width=560></P>


3、图片羽化后(圆形),加flash效果代码:

<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=475 background=http://image83.360doc.com/DownloadImg/2015/02/2719/50567207_11.jpg height=350><BR>
<P><B><EMBED style="WIDTH: 483px; HEIGHT: 344px" pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/16.swf width=483 height=344 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></B></P></TD></TR></TBODY></TABLE>


(紫红色是图片地址,红色是flash地址。本文来源娟子日志)

几种梦幻代码的运用 - 云雾青山 - 云雾青山的家园

 

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约