文字图片移动特效

纪之 2009-04-29

展开全文

文字图片移动特效

一、右向左移动
1、<marquee><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 我从右向左移</marquee>
上述语法显示如下：

我从右向左移

2、<marquee><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 我从右向左转</marquee>
上述语法显示如下：

我从右向左转

二、左向右移动
1、<marquee direction=right><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 移右向左从我</marquee>
上述语法显示如下：

移右向左从我

2、<marquee direction=right><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif > 走右向左从我</marquee>
上述语法显示如下：

走右向左从我

3、<marquee direction=right>虫年千有边右说听 <img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif ></marquee>
上述语法显示如下：

虫年千有边右说听

 三、下向上移动，scrollamount=5 是向上移动速度，可以调整，一般设置在1至5的范围内比较好

1、<marquee direction=up onmouseover=this.stop() scrollamount=5 onmouseout=this.start()><center><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=300 height=200> 我从下向上移</center></marquee>
上述语法显示如下：

我从下向上移

2、<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start()><center><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif > 我在上楼耶</center></marquee>
上述语法显示如下：

我在上楼耶

 四、上向下移动， scrollamount=5 是移动速度，可以调整，一般设置在1至5的范围内比较好

1、<marquee direction=down scrollamount=5><center>我从上向下移 <img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=300 height=200></marquee>
上述语法显示如下：

我从上向下移

2、<marquee direction=down scrollamount=8><center>我下楼很快耶 <img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif ></marquee>
上述语法显示如下：

我下楼很快耶

 五、来回移动， scrollamount=10 是移动速度，可以调整，一般设置在1至5的范围内比较好

1、<marquee width=100% behavior=alternate scrollamount=10><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 我来回的移动</marquee>
上述语法显示如下：

我来回的移动

2、<marquee width=100% behavior=alternate scrollamount=10><img src=http://www./UploadFile/200410151441165953.jpg> 我来回走耶</marquee>
上述语法显示如下：

我来回走耶

 六、右向左上下起伏飞翔，height=100 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好

<marquee direction=left><marquee behavior=alternate direction=up height=100><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.giff >我在追“心”</marquee></marquee>
上述语法显示如下：

我在追“心”



七、左向右上下起伏飞翔， height=200 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好

<marquee direction=right><marquee behavior=alternate direction=up height=200>!去回快 <img src=http://www./image/3/simeng/coolad.gif><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif ><img src=http://bbs./attachments/iv6m_0050.gif></marquee> </marquee>
上述语法显示如下：

!去回快

 八、中间向两边移动语法：

<center> <marquee width=220 height=50><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 中间向两边移</marquee><marquee direction=right width=220 height=50><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 移边两向间中 </marquee></center>
上述语法显示如下：

中间向两边移
移边两向间中

 九、中间向上下移动语法：

<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start><center><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=650></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src="http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif" width=650></div></center></marquee>
上述语法显示如下：