设置文字滚动

来源:互联网 发布:淘宝广告法自检工具 编辑:程序博客网 时间:2024/05/12 10:59


        在网页设计过程中往往会涉及到字体滚动,对于新手来说就有些不知所措,其实实现起来也很简单<marquee></marquee>标签帮你轻松搞定!

      (本人属初学者,若有不全面的地方,请见谅!纯属分享记录!)


1. 编写代码如下图:

2.本例在网页中运行效果如下图:

     

3.默认滚动从右到左,且是一直循环!下面就来说说利用.<marquee></marquee>标签的direction属性来设置文字的滚动方向:direction属性用于设置文字滚动方向,属性值有:left、right、up、down.  分别表示:向左、向右。向上、向下。

编写代码如下图:

4.文字的滚动速度和形式;

设置文字滚动使用<marquee></marquee>标签,其属性说明如下:

a. <marquee></marquee>标签的scrollamount 属性属于设置内容的滚动速度。

b.<marquee></marquee>标签的behavior属性用于设置内容的滚动方式;默认为:scroll,即循环滚动!当属性值为:alternate时,内容将左右来回滚动,当值为slide时,内容滚动一次即停止,不会循环。loop属性可设置滚动次数,默认为没有限制。

c.<marquee></marquee>标签的scrolldelay属性用于设置内容滚动的时间间隔。

d.<marquee></marquee>标签的bgcolor属性用于设置内容滚动的背景色,类似body的背景色设置。

e.<marquee></marquee>标签的width  属性用于设置滚动内容的宽度。

f.<marquee></marquee>标签的 height 属性用于设置滚动内容的高度。


整体示例如下图:


    在浏览器中的浏览效果如下图:



以上就是所有文字滚动形式!希望对你有所帮助!

1 0
原创粉丝点击