首页 > 软件开发 > HTML >

HTML网页设计怎样让文字滚动

来源:互联网 2023-03-16 19:10:25 56

为了能够让网页更吸引人,我们通常想要文字滚动,这样可以聚焦别人的眼光。今天小编我就来告诉大家在HTML网页设计中怎样让文字滚动,包括滚动方向,速度等。W57办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • Hbuilder HTML文件

方法/步骤

  • 1

    如图,在HTML文件用marquee标签,然后文字放置在marquee标签就会有滚动的效果了。W57办公区 - 实用经验教程分享!

    HTML网页设计怎样让文字滚动W57办公区 - 实用经验教程分享!

  • 2

    marquee文字滚动默认是右到左,但是可以通过direction 来指定方向哦。方向可以用down,up,right left。W57办公区 - 实用经验教程分享!

    HTML网页设计怎样让文字滚动W57办公区 - 实用经验教程分享!

  • 2相关内容未经许可获取自百度经验
  • 3

    还可以控制滚动行为,比如是不是重复滚动,往返滚动等都是行为哦,可以试试behavior。W57办公区 - 实用经验教程分享!

    HTML网页设计怎样让文字滚动W57办公区 - 实用经验教程分享!

  • 4

    此外,设置滚动速度和文字的延迟滚动也是可以的,用这两个属性便可以了。W57办公区 - 实用经验教程分享!

    HTML网页设计怎样让文字滚动W57办公区 - 实用经验教程分享!

  • 5

    还有我们也应该设置一下滚动文字距离周围的距离,用vspace和hspace来调节。W57办公区 - 实用经验教程分享!

    HTML网页设计怎样让文字滚动W57办公区 - 实用经验教程分享!

  • 6

    当然滚动文字的背景颜色也是比较重要的哦,好看的颜色视觉享受更好哦。W57办公区 - 实用经验教程分享!

    HTML网页设计怎样让文字滚动W57办公区 - 实用经验教程分享!

  • 7

    最后来看看滚动文字的方向,速度,颜色都设置好了,关键要自己动手做一下滚动文字哦。W57办公区 - 实用经验教程分享!

    HTML网页设计怎样让文字滚动W57办公区 - 实用经验教程分享!

  • 注意事项

    • 有用可以收藏,方便下次查看。
    • 有啥问题可以私信我或者评论留言给我。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!W57办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码