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

黑玫瑰博客

开放思维磨练一双慧眼,把这世界看远看透再看淡

 
 
 

日志

 
 
关于我

看不清的城市,迷离的心路,到哪里找一个安逸的角落,容得下我的倦意,我有不屈的斗志,却没有称心的器械.我有高尚的灵魂,却不能平伏我欲望的漫延

网易考拉推荐

图片移动代码及示例  

2012-06-20 13:54:53|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
图片移动代码及示例
 

1.图片向左移动

图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img1.ph.126.net/VTzul7nbAvcFMFcv8HgeMA==/1275644594470262721.jpg"> </MARQUEE></TD></TR></TBODY></TABLE>

2.图片向右移动

图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img120.ph.126.net/nV7pBetcOrzWlyodkWSvlA==/1141381030562930059.jpg"> </TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>

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

3.图片左右来回移动

图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img120.ph.126.net/nV7pBetcOrzWlyodkWSvlA==/1141381030562930059.jpg"> </TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>

4.图片上下来回移动

图片移动代码大全 - 黑玫瑰休闲阁

代码:

 <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://img120.ph.126.net/nV7pBetcOrzWlyodkWSvlA==/1141381030562930059.jpg"> </TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>

5.图片向左步步移动

图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img1.ph.126.net/VTzul7nbAvcFMFcv8HgeMA==/1275644594470262721.jpg"> </TD></TR></TBODY></TABLE></MARQUEE>

6.图片向右步步移动

图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img120.ph.126.net/nV7pBetcOrzWlyodkWSvlA==/1141381030562930059.jpg"> </TD></TR></TBODY></TABLE></MARQUEE>

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

7.图片向上步步跳动

图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img120.ph.126.net/nV7pBetcOrzWlyodkWSvlA==/1141381030562930059.jpg"> </TD></TR></TBODY></TABLE></MARQUEE>

8.图片向下步步跳动

图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img120.ph.126.net/nV7pBetcOrzWlyodkWSvlA==/1141381030562930059.jpg"> </TD></TR></TBODY></TABLE></MARQUEE>

9.图片上下起伏移动

图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img120.ph.126.net/nV7pBetcOrzWlyodkWSvlA==/1141381030562930059.jpg"> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></MARQUEE>

10.图片从右到左覆盖

图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img120.ph.126.net/nV7pBetcOrzWlyodkWSvlA==/1141381030562930059.jpg"> </TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></MARQUEE></DIV>

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

图片移动代码大全 - 黑玫瑰休闲阁
图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img120.ph.126.net/nV7pBetcOrzWlyodkWSvlA==/1141381030562930059.jpg"> </TD></TR></TBODY></TABLE></MARQUEE>
<MARQUEE scrollAmount=2 direction=right width=300>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img1.ph.126.net/VTzul7nbAvcFMFcv8HgeMA==/1275644594470262721.jpg"> </TD></TR></TBODY></TABLE></MARQUEE></DIV></TD>

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

图片移动代码大全 - 黑玫瑰休闲阁
图片移动代码大全 - 黑玫瑰休闲阁

代码:

<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://img120.ph.126.net/nV7pBetcOrzWlyodkWSvlA==/1141381030562930059.jpg"> </TD></TR></TBODY></TABLE></MARQUEE>
<MARQUEE scrollAmount=2 width=300>
<TABLE border=0>
<TBODY>
<TR>
<TD><IMG src="
http://img1.ph.126.net/VTzul7nbAvcFMFcv8HgeMA==/1275644594470262721.jpg"> </TD></TR></TBODY></TABLE></MARQUEE></TD>

黑玫瑰休闲阁欢迎您

图片移动代码及示例 - 黑玫瑰 - 黑玫瑰休闲阁 请朋友浏览日志后顺便点击下边和右边的图文广告 是对本博极大支持 谢谢啦!

  评论这张
 
阅读(139)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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