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

寒秋梦园

常思为师之失,常修为师之德,常怀律己之心。

 
 
 

日志

 
 

【转载】 《图片移动代码》  

2016-09-15 11:54:57|  分类: 博客装饰素材 |  标签: |举报 |字号 订阅

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

 

流浪图片移动代码

引用小老头;

一、向左移动效果: 图片移动代码 - 流浪 - 流浪的博客

从右向左移动

代码:

<marquee><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg><br>从右向左移动</marquee>

二、向右移动效果: 图片移动代码 - 流浪 - 流浪的博客

从左向右移动

代码:

<marquee direction=right><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg width=90 height=30><br><font color=0000ff size=3 face=宋体><b>从左向右移动</b></font></marquee>

三、向上移动效果: 图片移动代码 - 流浪 - 流浪的博客

代码:

<marquee direction=up onmouseover=this.stop() scrollamount=5 onmouseout=this.start()><center><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg width=90 height=30></center></marquee>

四、向下移动效果: 向下移动

图片移动代码 - 流浪 - 流浪的博客

代码:

<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>向下移动</b></font><br><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg width=90 height=30></marquee>

五、来回移动效果: 图片移动代码 - 流浪 - 流浪的博客

来回移动

代码:

<marquee width=100% behavior=alternate scrollamount=10><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg height=30><br><font color=0000ff size=5 face=华文行楷><b>来回移动</b></font></marquee>

六、中间相对上下移动效果:  图片移动代码 - 流浪 - 流浪的博客

图片移动代码 - 流浪 - 流浪的博客

代码:

<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start><center><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg width=90></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg  width=90></div></center></marquee>

七、中间向两边移动效果:

图片移动代码 - 流浪 - 流浪的博客

中间向两边移动

图片移动代码 - 流浪 - 流浪的博客

中间向两边移动

代码:

<center><br><marquee width=220 height=50><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动</font></marquee><marquee direction=right width=220 height=50><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动<br></marquee></font></center>

八、多幅一起效果: 图片移动代码 - 流浪 - 流浪的博客图片移动代码 - 流浪 - 流浪的博客图片移动代码 - 流浪 - 流浪的博客

代码:

<marquee ><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg><img src=http://img.blog.163.com/photo/ie0mYF76GWxR0dFkP-Uevg==/284008251501384236.jpg><font color=0000ff size=3 face=华文行楷></b></font></marquee></marquee> 

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

历史上的今天

评论

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

页脚

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