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

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

相册swf  

2013-06-22 23:28:08|  分类: 【相 册】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

美女万花筒(旋转相册)

 
 美女万花筒  


 

 


 

Boxes


 




 

 


图片FLASH穿过特效代码

<CENTER>
<TABLE style="WIDTH: 600px; HEIGHT: 420px" borderColor=#ed1c24 height=420 cellSpacing=8 borderColorDark=#ed1c24 cellPadding=0 width=600 borderColorLight=#ed1c24 background=闪动图片地址 border=4>
<TBODY>
<TR>
<TD>
<TABLE height=400 cellPadding=0 width=570 align=center background=不动图片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<MARQUEE scrollAmount=5 direction=LIFET width=570 height=400><IMG id=image_operate_71331294307679484 style="FILTER: alpha WiDTH: 570px; HEIGHT: 400px" height=400 src="移动图片地址" width=600></MARQUEE></MARQUEE></DIV>
<P style="MARGIN-TOP: -400px; MARGIN-LEFT: 10px">&nbsp;<WBR></P><EMBED style="DISPLAY: block" pluginspage=pluginspage=http://www.macromedia.com/go/getflashplayer src=http://blog.lanyue.com/upload/user/611/548696_5112706.swf width=570 height=380 type=application/x-shockwave-flash ALLOWNETWORKING="internal" QUALITY="high" WMODE="transparent"></EMBED></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>
<P>&nbsp;</P>

 

后记:

此代码设计就是根据图片自动互换加FLASH特效代码 ,把direction=right变成direction=left

就产生上图特效,也挺美吧!

放大镜效果的城市美景FLASH



自动收缩展开图代码
相册 - 清风 - 清风的博客 


自动收缩展开图代码 自动收缩展开图代码 自动收缩展开图代码 自动收缩展开图代码 自动收缩展开图代码 自动收缩展开图代码 自动收缩展开图代码 自动收缩展开图代码 自动收缩展开图代码

 

 

自动收缩展开图代码:

 

<DIV>
<DIV>
<MARQUEE style="WIDTH: 650px; HEIGHT: 400px" scrollAmount=4 behavior=alternate><A><IMG src="http://s3.sinaimg.cn/middle/66392eb8g75bcb4da7992&amp;690" border=0></A>
<MARQUEE style="WIDTH: 650px; HEIGHT: 400px" scrollAmount=4 behavior=alternate><A><IMG src="http://s10.sinaimg.cn/middle/66392eb8g75bcb4ce3ac9&amp;690" border=0></A>
<MARQUEE style="WIDTH: 650px; HEIGHT: 400px" scrollAmount=4 behavior=alternate><A><IMG src="http://s15.sinaimg.cn/middle/66392eb8g75bcb4f46fee&amp;690" border=0></A>
<MARQUEE style="WIDTH: 650px; HEIGHT: 400px" scrollAmount=4 behavior=alternate><A><IMG src="http://s1.sinaimg.cn/middle/66392eb8g75bcb4fd9140&amp;690" border=0></A>
<MARQUEE style="WIDTH: 650px; HEIGHT: 400px" scrollAmount=4 behavior=alternate><A><IMG src="http://s12.sinaimg.cn/middle/66392eb8g75bcb50b319b&amp;690" border=0></A>
<MARQUEE style="WIDTH: 650px; HEIGHT: 400px" scrollAmount=4 behavior=alternate><A><IMG src="http://s14.sinaimg.cn/middle/66392eb8g75bcb50e4bdd&amp;690" border=0></A>
<MARQUEE style="WIDTH: 650px; HEIGHT: 400px" scrollAmount=2 behavior=alternate><A><IMG src="http://s12.sinaimg.cn/middle/66392eb8g75bcb51161ab&amp;690" border=0></A>
<MARQUEE style="WIDTH: 650px; HEIGHT: 400px" scrollAmount=2 behavior=alternate><A><IMG src="http://s10.sinaimg.cn/middle/66392eb8g75bcb51469a9&amp;690" border=0></A>
<MARQUEE style="WIDTH: 650px; HEIGHT: 400px" scrollAmount=2 behavior=alternate><A><IMG src="http://s1.sinaimg.cn/middle/66392eb8g75bcb4fd9140&amp;690" border=0></A></MARQUEE></MARQUEE></MARQUEE></MARQUEE></MARQUEE></MARQUEE></MARQUEE></MARQUEE></MARQUEE></MARQUEE></MARQUEE></DIV></DIV>
<DIV></DIV>
<DIV>
<DIV></DIV></DIV>

 

代码略解:

http://s1.sinaimg.cn/middle/66392eb8g75bcb4fd9140&amp;690  图片地址

scrollAmount=4     移动速度

WIDTH: 650px   图片移动范围宽度

HEIGHT: 400px    单个图片高度

图片叠加移动相册TE>相册 - 清风 - 清风的博客TE>
















 

<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 0px; HEIGHT: 400px">
<DIV style="LEFT: 40px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 320px">
<MARQUEE scrollAmount=2 scrollDelay=30 behavior=alternate width=620 height=320><INPUT type=image width=240 src="图片地址">


</INPUT></MARQUEE></DIV>
<DIV style="LEFT: 260px; WIDTH: 220px; POSITION: absolute; TOP: 60px; HEIGHT: 320px">
<MARQUEE scrollAmount=2 scrollDelay=30 behavior=alternate width=420 height=320><INPUT type=image width=200 src="图片地址 ">
</INPUT></MARQUEE></DIV><BR>
<DIV style="LEFT: 440px; WIDTH: 220px; POSITION: absolute; TOP: 100px; HEIGHT: 320px">
<MARQUEE scrollAmount=2 scrollDelay=30 behavior=alternate width=240 height=320><INPUT type=image width=160 src="图片地址 ">
</INPUT></MARQUEE></DIV></DIV>
<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: -250px; HEIGHT: 400px">
<DIV style="LEFT: 40px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 320px">
<MARQUEE scrollAmount=2 scrollDelay=30 behavior=alternate width=620 height=320><INPUT type=image width=240 src="图片地址 ">
</INPUT></MARQUEE></DIV>
<DIV style="LEFT: 260px; WIDTH: 220px; POSITION: absolute; TOP: 60px; HEIGHT: 320px">
<MARQUEE scrollAmount=2 scrollDelay=30 behavior=alternate width=420 height=320><INPUT type=image width=200 src="图片地址 ">
</INPUT></MARQUEE></DIV><BR>
<DIV style="LEFT: 440px; WIDTH: 220px; POSITION: absolute; TOP: 100px; HEIGHT: 320px">
<MARQUEE scrollAmount=2 scrollDelay=30 behavior=alternate width=240 height=320><INPUT type=image width=160 src="图片地址 ">
</INPUT></MARQUEE></DIV></DIV>
相片飞入相册


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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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