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

蓝天博客

知识的海洋 休闲的乐园

 
 
 

日志

 
 

三张交替滚动图的制作实例(附代码)  

2010-08-29 08:49:10|  分类: 【博客素材】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

天民三张交替滚动图的制作实例(附代码)

      以前曾在博上发表过两张图无隙滚动交替后我一直在想三张图的滚动交替,今天试作成功,道理很简单,就是在两张图的基础上再贴上一张图,用调整滚动速度的不同来实现三张图的效果,当然也要根据不同图的需要而定,下面是“世博会阳光谷”的灯光变化图,正适合多图滚动效果要求,为此拿出来供大家参考。

   为方便您的使用,图上没标作者名字及标题,可跟据需要自己添加中间插图。

   代码作了颜色分类,自己回去按颜色研究,这里不作详细说明。须要说明的是深兰色是表格(黑底框)代码不属效果图的代码,去留无所。

   另外,用此图经PS作的GIF格式动画与JAVA格式的特效结合成的一幅作品供大家欣赏。

《世博特效点击进入

(有的电脑可能观看不到,这是你电脑缺JAVA看图插件所致,借此机会可到下址安装,它和FLASH看图软件一样安全可靠,放心使用 http://www.java.com/zh_CN/


演示图

*****************************************************************************************************************************************************************************
素材1

素材2

素材3

素材4

 **************************************************************************************************************************************************************************

代码

<TABLE style="WIDTH: 1px; HEIGHT: 1px" borderColor=#ff0000 cellSpacing=0 cellPadding=0 width=1 border=5>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 cellSpacing=50 cellPadding=0 bgColor=#000000 border=15>
<TBODY>
<TR>
<TD borderColor=#ff0000 border="1" cellspacing="0" cellpadding="0">

<TABLE height=319 cellPadding=0 width=700 background=http://img.ph.126.net/iJmujRmvt04DLgJZqfTOWA==/3411195242757375126.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV style="MARGIN-TOP: -2px; MARGIN-LEFT: -2px">
<MARQUEE scrollAmount=8 direction=down width=750 height=450>
<MARQUEE scrollAmount=8 direction=up width=750 height=450>
<IMG title="" height=450 alt="" src="http://img314.ph.126.net/6VQVQowCwmgt-hKZlvUYpg==/3881821403816811314.jpg" width=750></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV style="MARGIN-TOP: -518px; MARGIN-LEFT: 66px">
<MARQUEE scrollAmount=18 direction=down width=750 height=450>
<MARQUEE scrollAmount=18 direction=up width=750 height=450>
<IMG title="" height=450 alt="" src="
http://img313.ph.126.net/9dKsuFS0_lSX-2piiWLJZQ==/3668181896493717047.jpg" width=750></MARQUEE></MARQUEE> </DIV>
<DIV style="MARGIN-TOP: -369px; MARGIN-LEFT: 148px">
<EMBED style="WIDTH: 380px; HEIGHT: 289px" name=liquid align=middle src=http://flash.picturetrail.com/pflicks/3/spflick.swf width=380 height=289 type=application/x-shockwave-flash allowScriptAccess="sameDomain" bgcolor="#000000" wmode="transparent" FlashVars="ql=2&amp;src1=http://pic60.picturetrail.com/VOL1767/8257779/flicks/1/8341612" quality="high"></EMBED></DIV> </TD></TR></TBODY></TABLE>

  评论这张
 
阅读(286)| 评论(1)
推荐 转载

历史上的今天

评论

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

页脚

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