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

YGGL 268的博客

老年生活质量 ——贵在心态

 
 
 

日志

 
 

代码集——【转载】图片移动代码  

2013-08-29 09:45:09|  分类: 博客知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自漂漂《图片移动代码》

1.图片向左移动

2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<MARQUEE scrollAmount=2>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </MARQUEE></TD></TR></TBODY></TABLE>

2.图片向右移动

2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<MARQUEE scrollAmount=2 direction=right>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>

说明:上面两组代码红色代码是方向代码,(默认方向是向左移动)(向上移动代码:direction=up)(向下移动代码:direction=down

3.图片左右来回移动

2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<MARQUEE scrollAmount=2 behavior=alternate>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>

4.图片上下来回移动

2013年02月04日 - 漂漂 - 漂漂

代码:

 <TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<MARQUEE scrollAmount=2 direction=down behavior=alternate>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>

5.图片向左步步移动

2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<MARQUEE scrollAmount=5 scrolldelay=400>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE>

6.图片向右步步移动

2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<MARQUEE scrollAmount=5 scrollDelay=400 direction=right>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE>

说明:上面两组代码黄色代码是控速代码,(前一个数字越大速度越快,后一个数字越大速度越慢)(红色代码是方向代码:direction=right

7.图片向上步步跳动

2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<MARQUEE height=200 direction=up scrollamount=20 scrolldelay=1000 top=100>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE>

8.图片向下步步跳动

2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<MARQUEE height=200 direction=down scrollamount=20 scrolldelay=1000 top=100>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE>

9.图片上下起伏移动

2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<MARQUEE scrollAmount=2>
<TABLE width=700 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 direction=up behavior=alternate height=200>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></MARQUEE>

10.图片从右到左覆盖

2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<DIV style="FILTER: glow(color=000000, strength=0); WIDTH: 206px; HEIGHT: 168px">
<MARQUEE scrollAmount=1 scrollDelay=40 width=206 beha>
<TABLE width=200 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=40 direction=up width=206 beha>
<TABLE width=200 border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>

11.图片从中间向两边移动

2013年02月04日 - 漂漂 - 漂漂
2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<DIV align=center>
<MARQUEE scrollAmount=2 width=300>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE>
<MARQUEE scrollAmount=2 direction=right width=300>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE></DIV></TD>

12.图片从两边向中间移动

2013年02月04日 - 漂漂 - 漂漂
2013年02月04日 - 漂漂 - 漂漂

代码:

<TABLE cellSpacing=0 cellPadding=0 width=700 border=1>
<TBODY>
<TR>
<TD width=700>
<DIV align=center>
<MARQUEE scrollAmount=2 direction=right width=300>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE>
<MARQUEE scrollAmount=2 width=300>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img5.ph.126.net/unIsv8xrnMyaQ4542IS9nQ==/2689211927511562155.jpg "> </TD></TR></TBODY></TABLE></MARQUEE></TD>

 

2013-02-19
存于草稿箱
  评论这张
 
阅读(110)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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