不用JAVA就能实现文字自动滚动

最新推荐文章于 2021-03-21 14:04:50 发布

book_coolboy_cl

最新推荐文章于 2021-03-21 14:04:50 发布

阅读量3.1k

点赞数

分类专栏： DHTML相关文章标签： java behavior scroll html border up

本文链接：https://blog.csdn.net/book_coolboy_cl/article/details/1042154

版权

DHTML相关专栏收录该内容

5 篇文章 0 订阅

订阅专栏

语法：

…………要滚动的文字…………

</marquee>

direction：这个标记是说明所要滚动的文字是向哪个方向滚动的，它的参数有：left,right,up,down

left：文字自右向左滚动

right：文字自左向右滚动

up：文字自下向上滚动

down：文字自上向下滚动

<marquee></marquee>这个标记是IE特有的，NETSCAPE是浏览不到这效果的

loop：如果想让文字无限循环，则参数是"-1"；如果不是可以自行设置循环次数

behavior：滚动形式，有scroll，alternate,slide等。
          scroll:是以滚动的形式移动
          alternate:是以来回的形式移动
          slide:文字滚动出来后不再动

dataformatas：文字类型，参数为：html,text,css等等

width：你可以自行设置滚动窗口的宽度，大小是以像素为单位的，如100,150等,也可以用百分数表示，如50%

height：跟width一样是控制窗口的高度，大小也是以像素为单位的

scrolldelay：即是两次循环间的时间间隔，当一次循环结束后，第二次循环会在所设置的时间后出现，单位为毫秒。1秒=1000毫秒

scrollamount：每次移动的长度，以像素为单位

bgcolor：背景颜色，可以是16进制数，也可以是颜色名（请参看颜色表）

以上各参数都是可选的，即是说没有一个参数，只用<marquee>标记就行了，因为IE会默认为向左滚动

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

例子1：

<marquee>这个例子是没有任何参数的。</marquee>
效果如下：这个例子是没有任何参数的。

例子２：

<marquee direction="left" loop="-1" behavior="scroll" dataformatas="html" width="50%" scrolldelay="150" scrollamount="3">
这个例子多了几个参数，但效果跟上一个差不多。
</marquee>
效果如下：
这个例子多了几个参数。它指定宽度为表格宽度的一半（50%），循环间隔为15毫秒，移动的长度为3。

例子3：

<marquee direction="right" loop="3" behavior="scroll" dataformatas="html" width="100%" scrolldelay="100" scrollamount="5">
这个例子只循环3次，即loop的参数为3。direction的参数为right,scrolldelay为100，scrollamount为5。
效果如下：
这个例子只循环五次，即loop的参数为3。direction的参数为right,scrolldelay为100，scrollamount为5。

例子4：

<font color="red">
<marquee direction="up" loop="-1" behavior="scroll" dataformatas="html" width="60%" height="40" scrolldelay="150"scrollamount="4" bgcolor="white" color="#ff0000">
这个例子方向是向上，宽度为百分之30，高度为40像素，背景颜色为白色，文字颜色为红色。
<marquee>
</font>
效果如下：
这个例子方向是向上，宽度为百分之60，高度为40像素，背景颜色为白色，文字颜色为红色。

例子5：

<marquee dirction="down" loop="-1" behavior="scroll" dataformatas="html" width="50%" height="50" scrolldelay="100" scrollamount="3" >
这个例子是向下的，宽度是50%，高度为50像素。
</marquee>
效果如下：
这个例子是向下的，宽度是50像素，高度为50像素。

scrollamount的应用例子：上面一行的border=3,scrollamount=5;下面一行的border=0;scrollamount=3。scrollamount的参数是决定滚动的速度。
我是Ａ，因为我的步长（scrollamount)为3，比Ｂ短（小），所以比Ｂ慢。
我是Ｂ，我的步长为5，比Ａ长（大），所以走得比他快多了。

behavior的应用例子：上面一行的behavior=scroll;中间一行的behavior=alternate;下面一行的 behavior=silde
Hi!我的滚动形式是scroll。
Hi!我的滚动形式是alternate。
Hi!我的滚动形式是slide。