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

yangzh691216的博客

成功止于信念

 
 
 

日志

 
 

滚动图片代码  

2012-04-18 21:06:30|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客

 

1.图片设定百叶窗式对分滚动效果代码

<TABLE borderColor=#ff00cc cellSpacing=2 cellPadding=0 width=660 align=center border=2>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165><A><IMG height=570 src="图片地址1" width=330></A></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=right width=165><A><IMG height=570 src="图片地址2" width=330></A></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165><A><IMG height=570 src="图片地址3" width=330></A></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=right width=165><A><IMG height=570 src="图片地址4" width=330></A></MARQUEE></TD></TR></TBODY></TABLE>
<CENTER>
<P align=center><FONT color=#4d6df3>&nbsp;</FONT></P></CENTER>           


滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客


2.图片设定百叶窗式对开滚动效果代码

<TABLE borderColor=#FF00CC cellSpacing=2 cellPadding=0 width=660 align=center border=2>

<TBODY>

<TR>

<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=right width=165>


<A><img src="图片地址1" width=330 height=570></A>

</MARQUEE></TD>

<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165>


<A><img src="图片地址2" width=330 height=570></A>

</MARQUEE></TD>

<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 direction=right width=165>


<A><img src="图片地址3" width=330 height=570></A>
</MARQUEE></TD>

<TD align=middle>
<MARQUEE scrollAmount=2 scrollDelay=100 width=165>


<A><img src="图片地址4" width=330 height=570></A>

</MARQUEE></TD>

</TR></TBODY></TABLE>

滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客 滚动图片代码 - yangzh691216 - yangzh691216的博客


3.图片居中向两边滚动代码:

<center><marquee width=330 scrollAmount=3 height=570>
<A><img width=400 src=图片地址1 height=570></A>
<A><img width=400  src=图片地址2 height=570></A>

<A><img width=400 src=图片地址3 height=570></A>
<A><img width=400  src=图片地址4 height=570></A>

<A><img width=400 src=图片地址5 height=570></A>
<A><img width=400  src=图片地址6 height=570></A>

<A><img width=400 src=图片地址7 height=570></A>
<A><img width=400  src=图片地址8 height=570></A>
</marquee><marquee direction=right width=330 scrollAmount=3 height=570>
<A><img width=400 src=图片地址8 height=570></A>
<A><img width=400  src=图片地址7 height=570></A>
<A><img width=400 src=图片地址6 height=570></A>
<A><img width=400  src=图片地址5 height=570></A>

<A><img width=400 src=图片地址4 height=570></A>
<A><img width=400  src=图片地址3 height=570></A>

<A><img width=400 src=图片地址2 height=570></A>
<A><img width=400  src=图片地址1 height=570></A>
</marquee></center>

  评论这张
 
阅读(92)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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