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

.

.

 
 
 

日志

 
 
关于我

..终生学习.学已创新 .三博愿把美丽与大家分享.一些素材来源于网络.如有版权所有的异议.请告之.......

网易考拉推荐

图片波浪式复合移动特效大全(原创)  

2011-10-22 22:33:17|  分类: 博客美化 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
试图1

图片波浪式复合移动特效大全(原创) - 周三博 - .

代码复制:
 
2010年09月24日 - 周三博 - ..
<DIV align=center>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=850 align=center>
<TBODY>
<TR>
<TD background=http://img857.ph.126.net/tC2Gd4hFmrRP769IMK8YFw==/653021945969669342.jpg>
<MARQUEE style="FILTER: wave(add=3,phase=8, freq=4,strength=50)" direction=up height=550 scrollAmount=2 scrollDelay=65 beha>
<P align=center><IMG style="FILTER: Alpha(opacity=100,style=2); MARGIN: 0px 10px; FLOAT: none; cssFloat: none" src="http://img9.ph.126.net/FppzwuBtgsYSfZ7hjwBZPw==/3080462145138454829.jpg"></P></MARQUEE></TD></TR></TBODY></TABLE></DIV

 

试图2.

图片波浪式复合移动特效大全(原创) - 周三博 - .

代码复制:
 
2010年09月24日 - 周三博 - ..
<DIV align=center>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=850 align=center>
<TBODY>
<TR>
<TD background=http://img857.ph.126.net/tC2Gd4hFmrRP769IMK8YFw==/653021945969669342.jpg>
<MARQUEE style="FILTER: wave(add=3,phase=8, freq=4,strength=50)" direction=up height=550 scrollAmount=2 scrollDelay=65 beha>
<P align=center><IMG style="FILTER: Alpha(opacity=50,style=2); MARGIN: 0px 10px; FLOAT: none; cssFloat: none" src="http://img1.ph.126.net/pbM5-JCzFuRerRbF5VDvRg==/3195585410597706277.gif"></P></MARQUEE></TD></TR></TBODY></TABLE></DIV

 

 
 

图片波浪式复合移动特效大全(原创) -  周三博 -  周三博的博客

 

 

图片波浪式复合移动特效大全(原创) -  周三博 -  周三博的博客

 

 

图片波浪式复合移动特效大全(原创) -  周三博 - 周三博 的博客

 

 

图片波浪式复合移动特效大全(原创) -  周三博 -  周三博的博客

 
 

图片波浪式复合移动特效大全(原创) -  周三博 -  周三博的博客

 
 

以图片波浪式移动雾化加背景为例代码如下

<DIV align=center>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=850 align=center>
<TBODY>
<TR>
<TD background=http://img.ph.126.net/g8dnAEHH_Xk78WgjFFoqpg==/3223732908268818505.jpg>
<MARQUEE style="FILTER: wave(add=1,phase=4, freq=1,strength=100)" direction=up height=750 scrollAmount=2 scrollDelay=65 beha>
<P align=center><IMG style="FILTER: Alpha(opacity=100,style=2); MARGIN: 0px 10px; FLOAT: none; cssFloat: none" src="
http://img.ph.126.net/dkxAFQQkqnS6reu8nSemiA==/573927477529846109.jpg"></P></MARQUEE></TD></TR></TBODY></TABLE></DIV>

代码详解:1.<MARQUEE style="FILTER: wave(add=1,phase=4, freq=1,strength=100)" direction=up height=750 scrollAmount=2 scrollDelay=65 beha>
<P align=center><IMG style="FILTER: Alpha(opacity=100,style=2); MARGIN: 0px 10px; FLOAT: none; cssFloat: none" src="http://img.ph.126.net/dkxAFQQkqnS6reu8nSemiA==/573927477529846109.jpg"></P></MARQUEE> 为图片波浪式复合移动,

2.把黄色背景地址修改为闪底,那么就能产生发光效果,将FILTER: Alpha(opacity=100,style=2); 修改为FILTER: Alpha(opacity=65); 那么就能产生变色效果。

3.如果不需要羽化效果则把FILTER: Alpha(opacity=100,style=2); 去掉,不需要背景则把蓝色部分去掉。

4.add=1为复合叠加,add=0为不叠加,strength=100为波浪叠加强度,其数值可根据需要修改(10.....100)

5.direction=up 方向值可修改,scrollAmount=2 scrollDelay=65为速度值。

6.将上述插入图片的代码修为插入FLASH动画的代码,那么也就能使FLASH形成波浪式复合移动了,不过效果不怎么好。

 


  评论这张
 
阅读(292)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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