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