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

欢迎!天快亮了!

公民的个人权利不容侵犯!

 
 
 

日志

 
 
关于我

积德虽无人见 行善自有天知

网易考拉推荐

教你制作音画(四)  

2008-11-10 17:29:32|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 


 HTML-2

教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋

 效果图一

秋风拂  枫叶舞
莫道秋风无情
 
不见秋风起
哪得美景醉

若你懂得品位
失落也是人生中
很美的滋味
 
 

 

       代码如下:

<TABLE height=500 cellPadding=10 width=450 align=center background=http://bbs.guolan.com/upload/2004813181838.gif 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=4>秋风拂&nbsp; 枫叶舞</STRONG></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ff00ff size=5><STRONG>莫道秋风无情</STRONG></FONT></DIV>
<DIV align=center><STRONG><FONT face=楷体_GB2312 size=5></FONT></STRONG>&nbsp;</DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=5><STRONG>不见秋风起</STRONG></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=5><STRONG>哪得美景醉</STRONG></FONT></DIV>
<DIV align=center><FONT size=5><FONT face=楷体_GB2312 color=#ffff00></FONT><BR></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT color=#99cc00 size=5><STRONG>若你懂得品位</STRONG></FONT></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#99cc00 size=5><STRONG>失落也是人生中</STRONG></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#99cc00 size=5><STRONG>很美的滋味</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

 

        以上代码中加入了图片边框和文字向上移动居中特效。

        文字上下滚动代码:<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>

         注:scrollAmount=2   是控制字速,数值越大移动的字速就越快!

         关于图片上加文字移动的特效代码,大家不妨点击下面链接去参看。

        http://df-wang2008.blog.163.com/blog/static/86050678200899330258/edit/

 

教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋

 

 效果图二 

教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋

请停住您匆匆的脚步,感受博客学习园地家的温馨!

 

      代码如下:

<TABLE borderColor=#cd5c5c height=272 width=372 align=center border=2>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/Gfb1THwSsQbA_2K-Qdeopg==/1702642134123691492.jpg>
<MARQUEE scrollAmount=2 direction=down behavior=alternate height=272>
<MARQUEE scrollAmount=2 behavior=alternate width=372>
<IMG src="
http://img.blog.163.com/photo/tEYUeQwnRrJnTIlJQnLEQg==/3703929218535832919.jpg">
<P align=center><FONT face=楷体 color=#ff00ee size=2 ff><B>请停住您匆匆的脚步,感受博客学习园地家的温馨!</B></FONT></P></B></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

        以上代码中加入了图片边框及flash图片和文字移动的特效。

        图片移动代码为:<MARQUEE scrollAmount=2 direction=down behavior=alternate height=272>
        文字移动代码为:<MARQUEE scrollAmount=2 behavior=alternate width=372>

        注:direction=down behavior=alternate 是指定图片上下移动碰壁反弹来回走动。

 

教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋

 

效果图三

  书山有路勤为径

        
  学海无涯苦作舟
           唐-韩愈

教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋

成功的人是跟别人学习经验
失败的人只跟自己学习经验
                 ---警句

 

      代码如下:

 <TABLE style="WIDTH: 650px; HEIGHT: 500px" borderColor=#ff0000 height=500 width=650 align=center border=2>
<TBODY>
<TR>
<TD

background=http://img.blog.163.com/photo/MXj5gxX0YhudVMPCW84z7Q==/1701797709193527848.jpg>
<DIV align=right>
<MARQUEE style="WIDTH: 650px; HEIGHT: 500px"

scrollAmount=3 scrollDelay=100 behavior=slide loop=1 height=500>
<MARQUEE style="WIDTH: 100%; LINE-HEIGHT: 100%;

WRITING-MODE: tb-rl" scrollAmount=3 scrollDelay=100 direction=up width="100%" height=500>
<P align=left><FONT style="FONT-SIZE: 40pt; FILTER: WIDTH: 100%; COLOR: #ff0000;

LINE-HEIGHT: 100%; FONT-FAMILY: 隶书" color=#ff0000>&nbsp;&nbsp;

书山有路勤为径</FONT></P>
<P align=left><FONT face=@隶书 color=#ff0000>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</FONT><FONT style="FONT-SIZE: 40pt; FILTER: WIDTH: 100%; COLOR: #ff0000;

 LINE-HEIGHT: 100%; FONT-FAMILY: 隶书"><BR></FONT><FONT style="FONT-SIZE: 40pt; FILTER:

WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 100%; FONT-FAMILY: 隶书">&nbsp;

学海无涯苦作舟</FONT><FONT style="FONT-SIZE: 40pt; FILTER:

 WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 100%; FONT-FAMILY: 隶书"><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<FONT color=#ff00ff size=6>唐-韩愈</FONT></FONT></P>
<P align=left><FONT style="FONT-SIZE: 40pt; FILTER: WIDTH: 100%;

COLOR: #ff0000; LINE-HEIGHT: 100%; FONT-FAMILY: 隶书"><IMG style="DISPLAY: block; TEXT-ALIGN: center" src="http://img.blog.163.com/photo/wIszfzuIvu74FAN6ViSC-Q==/4519643701043415525.jpg">

 </FONT></P>
<P align=left><FONT style="FONT-SIZE: 30pt; FILTER: WIDTH: 100%;

COLOR: #ff0000; LINE-HEIGHT: 100%; FONT-FAMILY: 隶书" color=#ff0000>

成功的人是跟别人学习经验</FONT> <FONT face=@隶书 color=#ff0000></FONT>

<FONT style="FONT-SIZE: 30pt; FILTER: WIDTH: 100%; COLOR: #ff0000;

 LINE-HEIGHT: 100%; FONT-FAMILY: 隶书"><BR></FONT><FONT

style="FONT-SIZE: 30pt; FILTER: WIDTH: 50%; COLOR: #ff0000; LINE-HEIGHT: 100%;

 FONT-FAMILY: 隶书">失败的人只跟自己学习经验</FONT><FONT

style="FONT-SIZE: 30pt; FILTER: WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 100%;

FONT-FAMILY: 隶书"><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<FONT color=#ff00ff size=6>---警句 </FONT></FONT></P></FONT></FONT>
<P></P></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE>

        以上代码应用了文字竖排向右移动和图片混排效果。

 

教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋 

 效果图四

教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋  谢谢到访 我来看望朋友 朋友欣赏让我淡淡的牵挂着教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋

 

教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋 天上最美的是星星,人间最美的是真情,外表留给人的是印象,内心留给人的是感情,珍惜了今天你就拥有了明天,愿你开怀地笑,温柔地睡!

 

        代码如下:

 <TABLE style="WIDTH: 650px; HEIGHT: 500px" borderColor=#ffff00 height=500 width=650 align=center border=2>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/MXj5gxX0YhudVMPCW84z7Q==/1701797709193527848.jpg>
<DIV align=right>
<MARQUEE scrollAmount=5 behavior=alternate width=500 alt="伊杋叶音画">
<P><IMG src="
http://img.blog.163.com/photo/sBVerUvRIwm9rRZYAuuvgg==/4268286546840810771.jpg"><FONT color=#ff0000>&nbsp; </FONT><FONT color=#ff00ff size=6><B><FONT face=楷体_GB2312><FONT color=#ff0000>谢谢</FONT><FONT color=#99cc00></FONT>到访 <FONT color=#00ccff>我来</FONT><FONT color=#808000>看望</FONT><FONT color=#00ff00>朋友 </FONT><FONT color=#ff0000>请</FONT><FONT color=#00ffff>朋友</FONT><FONT color=#ffff00>欣赏</FONT><FONT color=#ff0000>★</FONT>《<FONT color=#008080>让我</FONT><FONT color=#0000ff>淡淡<FONT color=#ff6600>的牵</FONT><FONT color=#008000>挂着</FONT></FONT><FONT color=#ffcc00>你</FONT>》<FONT color=#ff0000>★</FONT></FONT></B><IMG src="http://img.blog.163.com/photo/sBVerUvRIwm9rRZYAuuvgg==/4268286546840810771.jpg"></FONT></P>
<P><FONT color=#ff00ff size=6></FONT>&nbsp;</P></MARQUEE>
<MARQUEE behavior=alternate width="100%"><IMG src="
http://img.blog.163.com/photo/p1UGVgnYzS1EtF_72DKxrA==/5431059675632864852.jpg" border=0><IMG src="http://img.blog.163.com/photo/X9xkobSXkyqCS2n6qEUZEA==/5431059675632864851.jpg" border=0><IMG src="http://img.blog.163.com/photo/ucCxF9PDSffqUn0LWLVLlg==/1995939059855895314.jpg" border=0></MARQUEE>
<MARQUEE><FONT face=隶书 color=#ff0000 size=7>天上最美的是星星,人间最美的是真情,外表留给人的是印象,内心留给人的是感情,珍惜了今天你就拥有了明天,愿你开怀地笑,温柔地睡!</FONT></MARQUEE><SPAN g_c_hand? c06><FONT color=#fee1a3></FONT></SPAN></DIV></TD></TR></TBODY></TABLE>

      

         以上代码应用了图片和文字综合特效。

 

教你制作音画(四) - 伊杋叶 - 伊杋叶的小屋  

 

/
  评论这张
 
阅读(599)| 评论(20)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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