♏--- ------ ---♏

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="leftscrollamount="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...witttttFlying Bee Fish swimming from right to left Flying Bat Bouncing ball
点击广告 :)

1 条评论: