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

蓝馨月的博客

真诚豁达 追求卓越 谦和自信 广交朋友

 
 
 

日志

 
 

引用 各种滚动方向的图片移动代码  

2009-12-21 19:49:25|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

乐在天涯各种滚动方向的图片移动代码

引用流水行云图片移动代码

 

 

direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左。

 

 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

——

 

 

2009年9月13日 - 流水行云 - 流水行云 2009年9月13日 - 流水行云 - 流水行云

_>

 

 

 

2.向左移动

 

代码:

<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

第一张<img border="0" src=

" http://ava.blog.163.com/photo/lMMlCkDYxPZDtiwsj52clA==/588282701325489251.jpg">

第二张<img border="0" src=

" http://img.blog.163.com/photo/1uXaJId9pRnIeK-s47HyWw==/1145321680235785408.jpg">

</marquee>_></DIV></MARQUEE></MARQUEE>_

 

 

 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

 

 

 ____3.从下往上滚动 

 

 

2009年9月12日 - 流水行云 - 流水行云 2009年9月12日 - 流水行云 - 流水行云

 

  

代码:

 

<marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle

behavior="scroll">

第一张<img border="0" src=

" http://ava.blog.163.com/photo/lMMlCkDYxPZDtiwsj52clA==/588282701325489251.jpg">

第二张<img border="0" src=

" http://img.blog.163.com/photo/wqxcBjk4Gmv21txu2f8YcQ==/1154328879490533093.jpg">

</marquee> >_></DIV></MARQUEE></MARQUEE>_

 

 

 

 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ __

 

 

 

图片移动代码集锦: 一、向左移动

 

 

 

 

2009年9月13日 - 流水行云 - 流水行云

 

 

从右向左移动

 

代码

<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<MARQUEE>
<P><IMG title="2009年9月13日 - 流水行云 - 流水行云" alt="2009年9月13日 - 流水行云 - 流水行云"

 src="'>http://img.bimg.126.net/photo/evkoxn1wJb5k5vydKh8PgQ==/2300776459633543154.jpg">

<BR></P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P></P></MARQUEE>
<P>&nbsp;</P>

 

2++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

 

示例: 二、向右移动

 

 

2009年9月13日 - 流水行云 - 流水行云

 

 

 

从左向右移动

 

 代码

<P>&nbsp;</P>
<MARQUEE direction=right>
<P><IMG title="2009年9月13日 - 流水行云 - 流水行云"

style="WIDTH: 175px; HEIGHT: 170px" height=30 alt="2009年9月13日 - 流水行云 - 流水行云"

 src="http://img.bimg.126.net/photo/foOncmZzsJnKI_TeDtnNrw==/4273916046376169004.jpg"

width=90><BR><FONT face=宋体 color=#0000ff

size=3><B></B></FONT></P></B></FONT>
<P></P></MARQUEE>
<P>&nbsp;<
<P><FONT

 

 

 

3+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

 

示例: 三、向上移动

2009年9月13日 - 流水行云 - 流水行云

 

 

代码

<MARQUEE scrollAmount=5 direction=up>
<CENTER><IMG title="2009年9月13日 - 流水行云 - 流水行云"

 style="WIDTH: 215px; HEIGHT: 199px" height=30 alt="2009年9月13日 - 流水行云 - 流水行云"

src="http://img.bimg.126.net/photo/Sg8XPHtYntfaqM7LwEsEKA==/927178573285374343.jpg"

 width=90></CENTER></MARQUEE>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P><FONT size=5>4</FONT></P>

 

 

4+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

示例: 四、向下移动

向下移动
2009年9月13日 - 流水行云 - 流水行云

 

 

    代码

 <MARQUEE scrollAmount=5 direction=down>
<CENTER><FONT face=华文行楷 color=#0000ff size=5><B>向下移动</B></FONT><BR>

<IMG title="2009年9月13日 - 流水行云 - 流水行云" style="WIDTH: 233px; HEIGHT: 253px" height=30

alt="2009年9月13日 - 流水行云 - 流水行云"

 src="http://img.bimg.126.net/photo/dGeI4MKRSIQBo8kRUhwDig==/4273916046376169008.jpg"

 width=90></CENTER></MARQUEE>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P><FONT size=2>5</FONT

 

 

5+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

 

 

示例: 五、来回移动

vior=alternate width="100%">2009年9月13日 - 流水行云 - 流水行云
来回移动

 

 代码

 <MARQUEE scrollAmount=10 beha>vior=alternate width="100%"&gt;<IMG

title="2009年9月13日 - 流水行云 - 流水行云" style="WIDTH: 222px; HEIGHT: 247px" height=30

alt="2009年9月13日 - 流水行云 - 流水行云"

src="http://img.bimg.126.net/photo/CqbOY-490JdUWuDytPywEg==/310185424335613645.jpg"

 width=90><BR><FONT face=华文行楷 color=#0000ff size=5><B>来回移动</B>

</FONT></MARQUEE>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P><FONT size=5>6</FONT

 

 

6+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

 

 

 

示例: 六、上下起伏

vior=alternate height=100>2009年9月13日 - 流水行云 - 流水行云2009年9月13日 - 流水行云 - 流水行云

 

 

代码

 <MARQUEE>
<MARQUEE direction=up beha>vior=alternate height=100&gt;<IMG

 title="2009年9月13日 - 流水行云 - 流水行云" alt="2009年9月13日 - 流水行云 - 流水行云"

 src="http://img.bimg.126.net/photo/ZrX1hjQx1IEIK2zf_7ovDA==/3390084619503601481.jpg">

<IMG title="2009年9月13日 - 流水行云 - 流水行云" alt="2009年9月13日 - 流水行云 - 流水行云" >

<FONT face=华文行楷 color=#0000ff size=3></B></FONT></MARQUEE></MARQUEE>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P><FONT size=5>7</FONT

 

 

7+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

 

 

七、中间向两边移动:

图片移动代码 - 流水行云 - 流水行云
中间向两边移动

图片移动代码 - 流水行云 - 流水行云
中间向两边移动

 

 

 

 

代码

<MARQUEE style="WIDTH: 295px; HEIGHT: 98px" direction=right width=295 height=98>

<IMG title="图片移动代码 - 流水行云 - 流水行云" style="WIDTH: 148px; HEIGHT: 101px" height=30

 alt="图片移动代码 - 流水行云 - 流水行云"

 src="http://img.bimg.126.net/photo/y3ARmzEDakI26xVbDJjVgA==/1193172426276809290.jpg"

 width=90><FONT face=华文彩云 color=#0000ff size=5><BR><FONT color=#ffcc00>中间向两边移动

<BR></FONT></FONT></MARQUEE><CENTER><BR>
<MARQUEE width=220 height=50><IMG title="图片移动代码 - 流水行云 - 流水行云"

 style="WIDTH: 168px; HEIGHT: 128px" height=30 alt="图片移动代码 - 流水行云 - 流水行云"

src="http://img.bimg.126.net/photo/y3ARmzEDakI26xVbDJjVgA==/1193172426276809290.jpg"

width=90><FONT face=华文彩云 color=#0000ff size=5><BR><FONT color=#ffcc00>中间向两边移动

</FONT></FONT></MARQUEE></FONT></CENTER>

 

 

 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

 

 

八、中间相对上下移动: 代码:

图片移动代码 - 流水行云 - 流水行云

图片移动代码 - 流水行云 - 流水行云

示例:

 

 

 

 

代码:
<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start><center><img

 src=http://img.bimg.126.net/photo/np12dt3AX18Zq01vp65EnA==/4273916046376169011.jpg

width=90></marquee></center><marquee direction=down scrollamount=3><center><div

 style="width:400;filter:flipv;"><img

src="http://img.bimg.126.net/photo/np12dt3AX18Zq01vp65EnA==/4273916046376169011.jpg"

 width=90></div></center></marquee>

  评论这张
 
阅读(20)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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