HTML教学：让文字卷动起来的MArquee
哈咯哈咯！最近部落格冷冷的，所以就更冷一点回来“金金电脑室”上课咯~~
今天教MArquee功能主要有两个原因，
1是因为我自己爽爽在部落放了个MArquee.
2是因为学校六年级学生刚上完网页设计，刚好有这个功能。
首先介绍下MArquee是怎样的东西，它是很可爱的玩意哦，可以让文字或图案卷来卷去，滑来滑去，谈来谈去~~！！
这次知识浅略的介绍下这几个动来动去的功能啦。
“卷来卷去“的称谓scroll,是marquee的预设设定，也是接下来示范用得最多的一种。
1)
这种marquee的HTML最为简单：
HTML:
<marquee>你的字</marquee>
成品：
[#M_ more.. | less.. |
_M#]
2)
如果你觉得速度不理想，想要更快些或慢些，也可以编辑HTML以达到效果
调整速度我们用scrollamount,号码越大速度越快，而DEfault预设的是”6″
HTML:
<marquee scrollamount=”20″>你的字</marquee>
成品
[#M_ more.. | less.. |
_M#]
3）
如果你不喜欢从右到左，也可以输入HTML direction来设定方向。
HTML：
<marquee scrollamount=”20″ direction=”right”>你的字</marquee>
成品：
[#M_ more.. | less.. |
_M#]
4)
如果你觉得你不想要卷来卷去的scroll.可以用别的behavior试看
HTML:
<marquee scrollamount=”20″ direction=”right” behavior=”slide”>你的字</marquee>
<marquee scrollamount=”20″ direction=”right” behavior=”alternate”>你的字</marquee>
成品1
[#M_ more.. | less.. |
_M#]
成品2
[#M_ more.. | less.. |
_M#]
5)除此之外，还能设定的另一项是loop，即重复次数。如果没有设定的话，会依预设的不停重复
HTML:
<marquee loop=”3″>你的字</marquee>
成品：
[#M_ more.. | less.. |
_M#]
怕有人不明白，再来个精简版
做个总结，如果不要预设版本的scroll + continuosly+ right to left+速度=6的话，
我们就可以添加以下几点
1)scrollamount=”X” （速度，越打号码越快）
2)direction=”X” (left or right,输入哪一个就是结束的方向
3)behavior=”X” ( scroll,slide,alternate，各有不同）
4)loop=”X” （数值代表重复次数）
还有另外一项delay没什么用到所以也不教了。
最后附加：
如果要更换marquee内的字体颜色或者背景颜色的话，
[#M_ more.. | less.. | 可在marquee前附上html代码
<font color=”颜色代码”><marquee>你的字</marquee></font>
背景颜色的话比较长，
<span style=”background-color: 颜色代码”><marquee>你的字</marquee></span>
附上最后一个例子：
HTML:
<font color=”#6600CC”><span style=”background-color: #00FFFF”>
<marquee>你的字</marquee></span></font>
成品：
_M#]
希望今天这堂课让大家对HTML又认识更深了咯~~ (4924)
嘻嘻！ 不错的教材。^^
有给你学到东西就好。
哦～真的很不错的感觉也～
果然是科技入围～呵呵～
这点小玩意，不敢当~~
老师你好棒噢！！ ^^
kun,
有够假，
你要我赞回你也是很棒是吗？哈哈。
老師你好lengzai… 快寫完啦…教一半半的
单眼皮，
现在这样算是写完的咯~哈哈！
附加了一些新的东西！
不过也是很简单的。
哈哈，
我部落那里也放了一个~
是加alternate的~
狮子，
哈哈，那么巧哦~
是用编辑软件弄的还是html的？
最近的年轻人很少用html的哦
就是说,
一般上是放在模板的哪一个部分?
你文章中的成品,怎么只看到”你的字”三个字而已的?
我有看错吗?
没有错啊。
呵呵。
你的字就代表你输入什么字，就什么字在飘咯。
自由输入文字啦。
基本上你要放在那里都可以，一般上是用来置顶，放通告之类的。
你要在部落文章中放也可以。
起立。。。行礼。。。
谢谢蔡老师。。。哈哈。。。
謝謝咯~
我小學時… 有學過…
感謝讓我恢復記憶~~ ^^
哈哈，小学的时候应该是用icon按，不是用html吧？
Thx alot. I credit for your simple teaching method.
=D
XD
welcome jingling
谢谢老师的教学。
不客气不客气～难得有人看我写的东西～哈哈！
wow……又一個新的玩意。
謝謝kimkim大大！！！
小马，
哈哈，刚刚我去拜访了你的部落，进展不错也！！sidebar也都弄出来了！哈哈！
亏你还会找到这篇我没有写出来给你的教学哦～有去翻贴啊？XD
我这里的教学不多，都可以在分类找。
呵呵~成功了