图片各种移动代码汇编及示例

 

图片各种移动代码汇编及示例

(2010-12-15 08:45:26)

转载

标签： 图片移动代码 博客代码 博客特效 周红青 博客装饰大全 杂谈

分类： 博客美化教程

   图片各种移动代码汇编及示例

一、向左移动
示例：

 

二、向右移动
示例：

 

三、向上移动

示例：

 

 

 

 四、向下移动
示例：

 

 

五、来回移动
示例：

  六、中间向两边移动：
示例：

 七、上下起伏

示例：

 

八．图片对开移动：

  示例：

 

一、向左移动

代码：

<BR></DIV></STRONG>
<DIV class=ns_content align=left>
<P>
<MARQUEE><IMG style="WIDTH: 405px; HEIGHT: 707px" height=31 src="替换你的图片地址" width=88><BR></MARQUEE></P>
二、向右移动

代码：

<MARQUEE style="WIDTH: 692px; HEIGHT: 557px" direction=right><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替换你的图片地址" width=90><BR></MARQUEE></P>
三、向上移动

代码：
<MARQUEE scrollAmount=2 direction=up>
<CENTER><BR><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替换你的图片地址" width=90></CENTER></MARQUEE></P>
<P> </P>
四、向下移动

代码：
<MARQUEE scrollAmount=5 direction=down>
<CENTER><IMG style="WIDTH: 343px; HEIGHT: 603px" height=52 src="替换你的图片地址" width=149></CENTER></MARQUEE></P>
<P><BR></P>
<P><BR><BR><FONT style="FONT-SIZE: 22px" face=仿宋_gb2312 color=#ff00ff size=5><B>    </B></FONT></P>
五、来回移动

代码：
<MARQUEE style="WIDTH: 100%; HEIGHT: 524px" scrollAmount=10 behavior=alternate width="100%"><IMG style="WIDTH: 363px; HEIGHT: 520px" height=64 src="替换你的图片地址" width=172><BR></MARQUEE></P>
<P><FONT style="FONT-SIZE: 22px" face=仿宋_gb2312 color=#ff00ff size=5><STRONG>  </STRONG>
六、中间向两边移动

代码：
<CENTER><BR>
<MARQUEE width=220 height=50><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替换你的图片地址" width=90><FONT style="FONT-SIZE: 22px" face=华文彩云 color=#0000ff size=5><BR></FONT></MARQUEE>
<MARQUEE direction=right width=220 height=50><FONT style="FONT-SIZE: 22px" face=华文彩云 color=#0000ff size=5><BR><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替换你的图片地址" width=90><BR></FONT></MARQUEE>
七、上下起伏
代码：
<CENTER>
<P style="TEXT-INDENT: 2em">
<MARQUEE scrollAmount=2 behavior=alternate width=630 height=471>
<MARQUEE scrollAmount=2 direction=up width=398 height=547><IMG src="替换你的图片地址" border=0></MARQUEE></MARQUEE></P>
<P style="TEXT-INDENT: 2em"> </P>
八．图片对开移动
 代码：
<P style="TEXT-INDENT: 2em">
<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="替换你的图片地址" border=0></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="替换你的图片地址" border=0></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="替换你的图片地址" border=0></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="替换你的图片地址" border=0></MARQUEE></TD></TR></TBODY></TABLE></P>
<P style="TEXT-INDENT: 2em"> </P>

 

注: 各参数详解：

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

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

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

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

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

 

 ◆不会使用代码的,请点这里博客入门--新浪博客代码怎么用  

        

查看更多精彩请点这里