加入收藏 | 设为首页 | 会员中心 | 我要投稿 源码门户网 (https://www.92codes.com/)- 云服务器、云原生、边缘计算、云计算、混合云存储!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

如何控制文字滚动

发布时间:2023-12-30 16:47:30 所属栏目:教程 来源:DaWei
导读: 我们具体来看一下 marquee 如何使用。

首先是文字滚动的方向如何控制?

这里面我们只需要控制 marquee 标签的 direction 属性。这个属性提供四个值 up down left right,分别对应文字
我们具体来看一下 marquee 如何使用。

首先是文字滚动的方向如何控制?

这里面我们只需要控制 marquee 标签的 direction 属性。这个属性提供四个值 up down left right,分别对应文字滚动效果:向上,向下,向左,向右滚动。是不是很简单?

然后滚动速度怎么去控制?

这里面我们只需控制 marquee 标签的 scrollamount 属性,控制的规律是数值越小越慢,反之则越来越快。那么这里老师要传授给大家一个实际工作的经验,那就是一般将这个属性的值设置为 5-10 时比较适合我们肉眼观看的。

在 Dreamweaver CC 2018 中为文字设置滚动效果

首先,我们还是老规矩,先建立一个空白的 HTML 文档。由于 Dreamweaver CC 2018 具有很好的代码提示功能。因此我们只需要在 body 中自己想要插入走马灯的位置插入一对 marquee 标签即可,比如下面的图片中,设置了一个典型的 marquee 走马灯文字滚动效果。

我们可以在一组对比图中明显的看到,由于我们设置了 width 和 height 属性,走马灯文字滚动效果的显示范围被限制在了相关区域内。

 

(编辑:源码门户网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章