Marquee Effect 移动文字

Marquee Effect 就是移动文字咯

下面我来举几个文字例子的 code

如何使用？

①  点击 “ 布局 ”

按 “ 添加小工具 ”

选择 “ HTML/JAVA SCRIPT ”

再把 code paste 进去然后保存就可以了

② 可以使用在帖子

-------------------------------------------------------------------------------------

① 向左移动

我的历史笔记

<marquee behavior="scroll" direction="left">你要输入的文字</marquee>

② 向右移动

我的历史笔记

<marquee behavior="scroll" direction="right">你要输入的文字</marquee>

③ 向左移动然后反弹去右边

我的历史笔记

<marquee behavior="alternate">你要输入的文字</marquee>

④ 向左移动然后停止（想要再看多一次效果 refresh 看看）

我的历史笔记  

<marquee behavior="slide" direction="left">你要输入的文字</marquee>

⑤ 向右移动然后停止 （想要再看多一次效果 refresh 看看）

我的历史笔记  

<marquee behavior="slide" direction="right">你要输入的文字</marquee>

⑥  移动文字的速度

我是3rd 我是2nd 我是1st

<marquee behavior="scroll" direction="left" scrollamount="1">你要输入的文字</marquee>

橙色highlight 可自由更换 想要向右移动自行换成 "right"

红色数字可以自己调整，数目越大，移动速度越快

⑦ 向上/ 向下移动

我的历史笔记

<marquee behavior="scroll" direction="up">你要输入的文字</marquee>

如果想要为它增加/减少速度的话可以使用下面这个代码

<marquee behavior="scroll" direction="up" scrollamount="1">你要输入的文字</marquee>

红色数字自行调整，数目越大移动速度越快

蓝色 highlight 可以调成 down ，就会向下移动了

⑧ 有背景颜色的移动文字

看完教学记得按广告 :) 

<marquee behavior="scroll" direction="left"><span style="background: yellow;">输入文字</span></marquee>

蓝色 highlight 改成要的背景颜色（也可换成颜色代码）

⑨ 图画移动

  <marquee behavior="scroll" direction="left"><img src=" 图片网址 /URL " /></marquee>

如何取得网址？

对着你喜欢的图片按右键

选择 Copy image URL 或是 copy link address 就可以了

下面我给几个图片，来自 www.wowososo.com

            
                                                              

①0 图画+文字移动 （多种选择）

A) 文字在图片下面

看完教学记得按广告 :P

B) 文字在图片右边

看完教学记得按广告 :P

C) 文字在图片左边

看完教学记得按广告 :P

D) 文字在图片上面

看完教学记得按广告 :P

A)  <marquee behavior="scroll" direction="left">

<img src="图片网址" /><br />你要输入的文字</marquee>

B)  <marquee behavior="scroll" direction="left"><img src="图片网址" />你要输入的文字</marquee>

C)  <marquee behavior="scroll" direction="left">你要输入的文字<img src="图片网址" /></marquee>

D)  <marquee behavior="scroll" direction="left">你要输入的文字<br />

<img src="图片网址" /></marquee>

蓝色 highlight 可更换成 right , up 或是 down ，这样移动方向会不同

紫色字眼 是图片网址

嫌速度太慢/快的话，你还可以添加这个代码进去调整速度
scrollamount="1"

加了之后会像这样

<marquee behavior="scroll" direction="left" scrollamount="1"><img src="图片网址" /><br />你要输入的文字</marquee>

不明白可以参考上面⑥移动文字速度

①①  向下移动（倾斜）

我的历史笔记
<marquee><marquee direction="down">输入文字</marquee></marquee>

①② 向上移动（倾斜）

我的历史笔记

<marquee><marquee direction="up">输入文字</marquee></marquee>
1

①③  改变移动文字的大小

看完教学记得按广告 :P
看完教学记得按广告 :P
看完教学记得按广告 :P

<marquee behavior="scroll" direction="left"><span style="font-size: 20px;">输入文字</span></marquee>
黄色 highlight 是文字大小，自行调整数字

------------------------------------------------------------------------------------

还有好多好多效果
看完整个教学，明白了就可以自己综合上面的代码
我都已经写那么清楚了，不要不明白 = =
看到图片很可爱就放上来了xD（取自www.quackit.com）
I am flying now...wittttt
点击广告 :)