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

永不消失电波欢迎您

天黑了电波永不消逝.继承者.烛蜡

 
 
 
 
 

日志

 
 

图片移动代码  

2015-10-24 15:22:28|  分类: 【播放器码】 |  标签: |举报 |字号 订阅

  下载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>
<MARQUEE direction=down scrollAmount=5>
<DIV style="FILTER: flipv"><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:

图移例句 - 红芙蓉 - 红芙蓉的博客
图移例句 - 红芙蓉 - 红芙蓉的博客
  评论这张
 
阅读(36)| 评论(0)

历史上的今天

评论

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

页脚

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