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

D R 的博客

时间给予我们在沉默中,在矛盾中平衡着积极,在辉煌中体味着淡泊,在喧嚣中归于平静.

 
 
 

日志

 
 

【转载】文字图片滚动 特效制作  

2013-01-13 20:24:18|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 一.圆形柔化代码

<img src="图片地址.jpg" style="filter:alpha(opacity=100, finishOpacity=0,style=2)">

效果图

请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园

二.图片雾化

<P align=center><TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)"
width=420(图片宽度) background=(图片地址) height=296(图片高度)></TD></TR></TOBDY></TBODY></TABLE></P>

效果图

 

三.左右 逐渐显示

  <center><MARQUEE scrollAmount=3 direction=right width=400 height=234><MARQUEE scrollAmount=3 width=280 height=234><DIV align=center><IMG src="图片地址"></DIV></MARQUEE></MARQUEE>

 效果图

请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园

 四.上下逐渐显示

<MARQUEE scrollAmount=3 direction=up behavior=alternate height=250><MARQUEE scrollAmount=3 direction=up height=234><DIV align=center><IMG src="图片地址"></DIV></MARQUEE></MARQUEE>   

效果图

请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园

 

五.添加背景代码  

<div align=center><TABLE style='BACKGROUND-REPEAT:no-repeat; background-position:center center' background=图片地址  width=265  height=360 ><TBODY><TR><TD style='filter:Glow(strength=12,color=#4A7AC9) ;' align='center' valign='middle'><font style='font-size:9pt;' color=#00ff00>以下内容请自己编辑:这是第1行<br>这是第2行<br>这是第3行<br>这是第4行<br>这是第5行<br>这是第6行<br>这是第7行<br>这是第8行<br><img src=小图片地址></font></TD></TR></TBODY></TABLE></div>

效果图

以下内容请自己编辑:这是第1行
这是第2行
这是第3行
这是第4行
这是第5行
这是第6行
这是第7行
这是第8行
请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园

 

五;左右两边滚动

<P align=center>
<TABLE cellSpacing==0 border=0>
<TBODY>0 cellPadding
<TR>
<TD></TD>
<TD>
<TABLE>
<TBODY>
<TR>
<TD>
<P></P>
<P align=center></P></TD>
<TD></TD>
<TD>
<P align=center></P>
<BLOCKQUOTE>
<TABLE height=286 cellSpacing=0 cellPadding=0 width=375 align=center background=http://img.blog.163.com/photo/hxvqWDRMXyLtr_IpL6gijw==/611926599369426212.jpg border=0>
<TBODY>
<TR>
<TD width=280>
<MARQUEE scrollAmount=2><IMG src="图片地址" border=0></MARQUEE></TD>

<TD width=280>
<MARQUEE scrollAmount=2 direction=right><IMG src="图片地址" border=0></MARQUEE></TD>
<TD width=280>
<MARQUEE scrollAmount=2><IMG src="图片地址" border=0></MARQUEE></TD>
<TD width=280>
<MARQUEE scrollAmount=2 direction=right><IMG src="图片地址 "border=0></MARQUEE></TD></TR></TBODY></TABLE></BLOCKQUOTE>
<MARQUEE scrollAmount=8 DIV>思念中我千万次地问鸿雁问明月问春风,愿鸿雁将我的眷恋捎给你;愿明月将我的问候带给你;愿春风将我的关切送给你!!
<P align=center></P></MARQUEE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P></TD></TR></TBODY>
</P>

效果图

请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园 请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园 请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园 请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园
思念中我千万次地问鸿雁问明月问春风,愿鸿雁将我的眷恋捎给你;愿明月将我的问候带给你;愿春风将我的关切送给你!!

文字和大图片滚动代码  

<MARQUEE behavior=alternate scrollAmount=2 scrollDelay=30 turespeed="true" border="0">
<P><STRONG><FONT color=#ff0000 size=6>请好友欣赏★文字和图片滚动特效★</FONT></STRONG></P></MARQUEE>
  <table cellPadding=0 width="100%" align=center>
<MARQUEE behavior=alternate scrollAmount=2 scrollDelay=30 turespeed="true" border="0"><IMG border=0 src="http://hiphotos.baidu.com/%D3%F7%D7%D3%D2%E5/pic/item/693c3309f136788837d12230.jpg"> <IMG border=0 src="http://hiphotos.baidu.com/%D3%F7%D7%D3%D2%E5/pic/item/693c3309f136788837d12230.jpg" ??><IMG border=0 src="http://hiphotos.baidu.com/%D3%F7%D7%D3%D2%E5/pic/item/693c3309f136788837d12230.jpg"><IMG border=0 src="http://hiphotos.baidu.com/%D3%F7%D7%D3%D2%E5/pic/item/693c3309f136788837d12230.jpg"></MARQUEE>
  </table>
<P></P>

 

请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园 请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园请欣赏 文字图片滚动 特效制作 - 喻子義 - 喻子义家园

  评论这张
 
阅读(269)| 评论(2)

历史上的今天

评论

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

页脚

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