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

阳春白雪 的 博客

 
 
 

日志

 
 

引用 引用 图片移动代码集锦【汇编】  

2010-06-17 10:14:26|  分类: 图片移动代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用小鱼儿引用 图片移动代码集锦【汇编】

引用天 眼图片移动代码集锦【汇编】

一、图片向左移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园
从右向左移动

代码

<MARQUEE scrollAmount=2><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"><BR>从右向左移动</MARQUEE>

二、图片向右移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园
从左向右移动

代码

<MARQUEE scrollAmount=2 direction=right><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"><BR>从左向右移动</MARQUEE>

三、图片向上移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 180px" scrollAmount=2 direction=up>
<P align=center><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></P></MARQUEE></CENTER>

四、图片向下移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 180px" scrollAmount=2 direction=down>
<P align=center><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></P></MARQUEE></CENTER>

五、图片左右来回移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<P align=center>
<MARQUEE style="WIDTH: 500px; HEIGHT: 120px" scrollAmount=4 behavior=alternate><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></P>

六、图片上下来回移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<P align=center>
<MARQUEE style="WIDTH: 150px; HEIGHT: 210px" scrollAmount=4 direction=up behavior=alternate><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></P>

七、图片波浪式移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<MARQUEE style="WIDTH: 700px; HEIGHT: 150px" scrollAmount=2 direction=up behavior=alternate>
<MARQUEE direction=right><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></MARQUEE>

八、图片波浪式来回移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<MARQUEE style="WIDTH: 700px; HEIGHT: 180px" scrollAmount=2 direction=down behavior=alternate>
<MARQUEE scrollAmount=2 direction=right behavior=alternate><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></MARQUEE>

九、图片由中间向两边移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园 图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<P align=center>
<MARQUEE style="WIDTH: 300px; HEIGHT: 150px" scrollAmount=2><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE>
<MARQUEE style="WIDTH: 300px; HEIGHT: 150px" scrollAmount=2 direction=right><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></P>

十、图片上下向中间移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 180px" scrollAmount=2 direction=down>
<P align=center><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></P></MARQUEE></CENTER>
<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 180px" scrollAmount=2 direction=up>
<P align=center><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></P></MARQUEE></CENTER>

十一、图片躲躲,跑给你追移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<MARQUEE behavior=alternate>
<MARQUEE scrollAmount=5 width=150><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></MARQUEE>

十二、图片躲躲,跑给你追移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<P align=center>
<MARQUEE style="WIDTH: 600px; HEIGHT: 150px" scrollAmount=5>
<MARQUEE style="WIDTH: 200px; HEIGHT: 150px" scrollAmount=5 direction=right><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></MARQUEE></P>

十三、图片躲躲,跑给你追移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<P align=center>
<MARQUEE scrollAmount=3 direction=down width=180 height=200>
<MARQUEE scrollAmount=3 direction=up height=180><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></MARQUEE></P>

十四、图片躲躲,跑给你追移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<P align=center>
<MARQUEE scrollAmount=3 direction=up behavior=alternate width=180 height=200>
<MARQUEE scrollAmount=3 direction=up height=150><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></MARQUEE></P>

十五、图片往上飘移

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate width=600 height=300>
<MARQUEE scrollAmount=3 direction=up width=150 height=300><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></MARQUEE></P>

十六、图片走走停停

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate width=600>
<MARQUEE scrollAmount=3 behavior=alternate width=200><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></MARQUEE></P>

十七、多图片向上移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园
图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园
图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 250px" scrollAmount=2 direction=up>
<P align=center><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"> <BR><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"> <BR><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"> </P></MARQUEE></CENTER>

十八、图片对开移动

图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园 图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园 图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园 图片移动代码集锦 - 闲人SGM - 闲人SGM 的休闲乐园

代码

<TABLE width=400 align=center>
<TBODY>
<TR>
<TD align=middle width=100>
<MARQUEE scrollAmount=1 direction=right><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></TD>
<TD align=middle width=100>
<MARQUEE scrollAmount=1><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></TD>
<TD align=middle width=100>
<MARQUEE scrollAmount=1 direction=right><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></TD>
<TD align=middle width=100>
<MARQUEE scrollAmount=1><IMG src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></TD></TR></TBODY></TABLE>

十九、图片展开和收起

图片移动代码集锦【汇编】 - 闲人SGM - 休闲乐园--知识的海洋

代码

<MARQUEE scrollAmount=3 direction=down height=128>
<MARQUEE scrollAmount=3 direction=up height=128><IMG style="DISPLAY: block; TEXT-ALIGN: center" src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></MARQUEE>

注:移动高度=图片高度

二十、图片展开和收起

图片移动代码集锦【汇编】 - 闲人SGM - 休闲乐园--知识的海洋

<P align=center>
<MARQUEE scrollAmount=3 width=128 height=128>
<MARQUEE scrollAmount=3 direction=right width=128 height=128><IMG style="DISPLAY: block; TEXT-ALIGN: center" src="http://img839.ph.126.net/VhbMRpBmEXKM2gvui3EwwQ==/781374535349578727.gif"></MARQUEE></MARQUEE></P>

注:移动宽度=图片宽度

二十一、图片移动特效+Flash

图片移动代码集锦【汇编】 - 闲人SGM - 休闲乐园--知识的海洋

代码

<P>
<TABLE height=530 cellPadding=0 width=396 align=center background=http://img45.bimg.126.net/photo/QK70sHtATOxtL2HNYdwShg==/3417669167221103062.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<MARQUEE scrollAmount=4 width=396 height=530>
<MARQUEE scrollAmount=4 direction=right width=396 height=530><IMG style="FILTER: alpha WIDTH: 396px; HEIGHT: 530px" height=530  src="http://img9.bimg.126.net/photo/BmTBOg6hD1HR-ARq034x_w==/2550444763975722185.jpg" width=396></MARQUEE></MARQUEE>
<P style="MARGIN-TOP: -540px; MARGIN-LEFT: 10px"></P><EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://pp6143.com.ne.kr/s52.swf width=350 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>


各参数详解:

1)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

2)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

3)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

4)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

5)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)


相关日志

图片与文字处理的N种方法【原创】

图中图代码

图片翻转滚动代码

图片边框处理特效(CSS滤镜)【原创】

图片处理特效(CSS滤镜) 

查看更多>>


点击增加您的流量
图片移动代码集锦【汇编】 - 闲人SGM - 闲人SGM 的休闲乐园图片移动代码集锦【汇编】 - 闲人SGM - 闲人SGM 的休闲乐园图片移动代码集锦【汇编】 - 闲人SGM - 闲人SGM 的休闲乐园

申请友情链接

关于我
点击-快速提升您的流量
理想家园
万幅美图素材扮靓您的博客
博客秘藉 博客素材 休闲娱乐
幽默搞笑 音画欣赏 美图欣赏
影音数码 艺术欣赏 温馨家园
网络资源 生活百科 电脑知识
人生哲理 投资理财 我的事业
独家开发,功能超强!
博客展示 申请链接 分享代码

 

图片移动代码集锦【汇编】 - 闲人SGM - 闲人SGM 的休闲乐园

图片移动代码集锦【汇编】 - 闲人SGM - 闲人SGM 的休闲乐园

 

图片移动代码集锦【汇编】 - 闲人SGM - 闲人SGM 的休闲乐园

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

历史上的今天

评论

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

页脚

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