淘宝网滚动公告代码深度解析

详解淘宝网滚动公告代码

其实这就是网页设计中用于移动文字的代码。大家要注意，下面给出的是源代码，需在源代码模式下编辑输入。

基本代码 <marquee>…</marquee>

代码：<marquee>你看我会移动哦！</marquee>

效果：

你看我会移动哦！

移动方向 direction="#" #=left,right,up,down

代码：
<marquee>你看我会从右向左移！</marquee>
<marquee direction="right">你看我会从左向右移！</marquee>
<marquee direction="up">你看我会从下向上移！</marquee>
<marquee direction="down">你看我会从上向下移！</marquee>

效果：

你看我会从右向左移！

你看我会从左向右移！

你看我会从下向上移！

你看我会从上向下移！

移动方式 #=scroll,alternate

代码：
<marquee>你看我会一圈一圈绕着走！</marquee>
<marquee behavior="alternate">你看我会来回走！</marquee>

效果：

你看我会一圈一圈绕着走！

你看我会来回走！

速度 scrollamount="#"

代码：<marquee scrollamount="20">你看我走得好快哦！</marquee>

效果：

你看我走得好快哦！

延时 scrolldelay="#"

代码：<marquee scrollamount="100" scrolldelay="500">你看我走走停停！</marquee>

效果：

你看我走走停停！

底色 bgcolor=#

#=rrggbb 16 进制数码，或者是下列预定义色彩：Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua

代码：<marquee bgcolor="#aaaaee">你看我会移动而且还有背景色哦！ </marquee>

效果：

你看我会移动而且还有背景色哦！

面积 height="#" width="#"

代码：<marquee bgcolor="#aaeeaa" height="40" width="50%">你看我会移动 而且宽度只占一半哦！</marquee>

效果：

你看我会移动而且宽度只占一半哦！

好啦，大家学会了吗？

记得看完顶帖哦，看帖顶帖是美德是好帖就要顶起来让大家都看到

查看更多相似文章