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

香帅H楚处留香

俯视远方,在一望无际、灯火阑珊的绚丽都市,拈一支素笔,写满炫色的诗篇,等待黎明。

 
 
 

日志

 
 

图片移动示例  

2014-07-26 14:29:22|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

图片移动示例

一、从右向左移动:

<MARQUEE>
<IMG src="http://img.blog.163.com/photo/2z3ist2HvtgFruGaz_yBDg==/882987001941665959.jpg">
<BR><FONT color=#0000ff size=4>从右向左移动</FONT></MARQUEE>

效果1:

移动例句 - 敬礼! - 农家乐的博客
从右向左移动

二、从左向右移动:

<MARQUEE direction=right><IMG src="http://img.blog.163.com/photo/JDyI83KnbYlTeTUC5f8eXg==/2270658637125291113.jpg" 
width=140 height=140><BR>
<FONT color=#0000ff size=4 face=宋体><B>从左向右移动</B></FONT></MARQUEE>

效果2:

移动例句 - 敬礼! - 农家乐的博客
从左向右移动

三、左右来回移动:

<MARQUEE behavior=alternate width="100%" scrollAmount=10>
<IMG src="http://img.blog.163.com/photo/JnG3S-M6yCM-GBrhLN40LA==/3976396995991759232.jpg" 
width=150 height=160><BR><FONT color=#0000ff size=5 face=华文行楷><B>来回移动</B>
</FONT></MARQUEE>

效果3

移动例句 - 敬礼! - 农家乐的博客
来回移动

四、从下向上移动:

<MARQUEE direction=up scrollAmount=5>
<CENTER>
<IMG src="http://img.blog.163.com/photo/6JhbBvXfiLn02ER0M-pxyQ==/4295026669628294854.jpg" 
width=100 height=180></CENTER></MARQUEE>

效果4:

移动例句 - 敬礼! - 农家乐的博客

五、从上向下移动:

<MARQUEE direction=down scrollAmount=5>
<CENTER><FONT color=#0000ff size=5 face=华文行楷><B>从上向下移动</B></FONT><BR>
<IMG src="http://img.blog.163.com/photo/6JhbBvXfiLn02ER0M-pxyQ==/4295026669628294854.jpg" 
width=100 height=180></CENTER></MARQUEE>

效果5:

从上向下移动

移动例句 - 敬礼! - 农家乐的博客

六、上下起伏移动:

<MARQUEE>
<MARQUEE direction=up height=300 behavior=alternate><IMG src="http://img.blog.163.com/photo/2z3ist2HvtgFruGaz_yBDg==/882987001941665959.jpg">
<IMG src="http://img.blog.163.com/photo/2z3ist2HvtgFruGaz_yBDg==/882987001941665959.jpg">
</MARQUEE></MARQUEE>

效果6:

移动例句 - 敬礼! - 农家乐的博客移动例句 - 敬礼! - 农家乐的博客

七、中间反向移动:

<DIV align=center>
<TABLE border=0 width=600 height=150>
<TBODY>
<TR>
<TD>
<MARQUEE height=150 width=300 scrollAmount=5><IMG style="FILTER: fliph" src="http://img74.ph.126.net/4sBQbPyO1FrwmWTcbvkWQw==/850898854596761743.gif" width=150 height=150></MARQUEE></TD>
<TD>
<MARQUEE direction=right height=150 width=300 scrollAmount=5>
<IMG style="MARGIN-LEFT: -150px" align=center src="http://img74.ph.126.net/4sBQbPyO1FrwmWTcbvkWQw==/850898854596761743.gif" 
width=150 height=150></MARQUEE></TD></TR></TBODY></TABLE></DIV>

效果7:

移动例句 - 敬礼! - 农家乐的博客移动例句 - 敬礼! - 农家乐的博客

八、上下反向移动:

<CENTER>
<MARQUEE direction=up scrollAmount=5><IMG style="TEXT-ALIGN: center; DISPLAY: block" src="http://img.blog.163.com/photo/JnG3S-M6yCM-GBrhLN40LA==/3976396995991759232.jpg" width=180></MARQUEE></CENTER>
<CENTER>
<MARQUEE direction=down scrollAmount=5>
<DIV style="FILTER: flipv; WIDTH: 400px"><IMG style="TEXT-ALIGN: center; DISPLAY: block" src="http://img.blog.163.com/photo/JnG3S-M6yCM-GBrhLN40LA==/3976396995991759232.jpg" width=180></DIV></MARQUEE></CENTER>

效果8:

移动例句 - 敬礼! - 农家乐的博客

移动例句 - 敬礼! - 农家乐的博客

  评论这张
 
阅读(16)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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