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

狮子刘的博客

为自己追求的理想、幸福!加油!!

 
 
 

日志

 
 

【引用】图片雾化移动特效代码  

2011-04-06 16:38:17|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自蓝色妖姬《图片雾化移动特效代码》

2010年08月01日 - 狮子刘 - 化验室的博客

 

 点击图片即可进入蓝色妖姬博客

 点击图片即可进入蓝色妖姬博客

1.圆形透明左右移动

代码:

<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='2')" width=420 background=http://img.photo.163.com/CgBXALDSiiKVdcy3kUqy1A==/1320680590726413782.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE></P>

2.片状透明左右移动


代码:

<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='1)" width=420 background=http://img.photo.163.com/CgBXALDSiiKVdcy3kUqy1A==/1320680590726413782.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE></P>

3.方形透明左右移动

代码:

<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='3)" width=420 background=http://img.photo.163.com/CgBXALDSiiKVdcy3kUqy1A==/1320680590726413782.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE></P>

 4.方形透明向上移动

代码:

 <MARQUEE scrollAmount=3 direction=up behavior='="scroll"'>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='3')" width=420 background=http://img.photo.163.com/CgBXALDSiiKVdcy3kUqy1A==/1320680590726413782.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE>

5.圆形形透明向上移动

代码:

 

 <MARQUEE scrollAmount=3 direction=up behavior='="scroll"'>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='2')" width=420 background=http://img.photo.163.com/CgBXALDSiiKVdcy3kUqy1A==/1320680590726413782.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE>

6.片状透明向上移动

代码:

<MARQUEE scrollAmount=3 direction=up behavior='="scroll"'>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='1')" width=420 background=http://img.photo.163.com/CgBXALDSiiKVdcy3kUqy1A==/1320680590726413782.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE>

7.圆形形透明向下移动

代码:

<MARQUEE scrollAmount=3 direction=down behavior='="scroll"'>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='2')" width=420 background=http://img.photo.163.com/CgBXALDSiiKVdcy3kUqy1A==/1320680590726413782.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE>

 8.圆形形透明向左移动

代码:

<MARQUEE scrollAmount=3 behavior='="scroll"'>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='2')" width=420 background=http://img.photo.163.com/CgBXALDSiiKVdcy3kUqy1A==/1320680590726413782.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE>

 9.圆形透明向右移动

代码:

<MARQUEE scrollAmount=3 direction=right >
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='2')" width=420 background=http://img.photo.163.com/CgBXALDSiiKVdcy3kUqy1A==/1320680590726413782.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE>

 

友情提示

="up"表示向上  ="down"表示向下   ="left"表示向左  ="right"表示向右 可以随意更改

height=150你可以根据图片大小来设置合适的数值
scrolldely="10"移动速度 写入的数字越大速度越快


style=1或2或3,其图片朦胧的效果就不同,如果是4就没有效果了。在朦胧图片的基础上还能加入透明的FLASH。

10.圆形透明加入透明的FLASH。

代码:

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

其余的只要更改style=2数值就可以了,剩下的大家自己研究吧!

 

 点击图片即可进入蓝色妖姬博客

电脑知识 - 蓝色妖姬 - .

  评论这张
 
阅读(150)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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