首页 > 软件开发 > HTML >

HTML怎么做滚动广告

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

要做HTML的滚动效果,首先要了解HTML有关于滚动的标签。Flu办公区 - 实用经验教程分享!

了解了HTML标签之后,在编译器中进行编译,将自己要设置的广告放入一个div>盒子中,设置大小、颜色、长宽等属性即可。Flu办公区 - 实用经验教程分享!

HTML怎么做滚动广告Flu办公区 - 实用经验教程分享!

工具/原料

  • 编译器
  • 电脑
  • 游览器

方法/步骤

  • 1

    打开编译器。Flu办公区 - 实用经验教程分享!

    HTML怎么做滚动广告Flu办公区 - 实用经验教程分享!

  • 2

    了解标签的属性:Flu办公区 - 实用经验教程分享!

    1.滚动方向direction(包括4个值:up、 down、 left和 right)Flu办公区 - 实用经验教程分享!

      语法:marquee direction="滚动方向">.../marquee>Flu办公区 - 实用经验教程分享!

    2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)Flu办公区 - 实用经验教程分享!

      语法:marquee behavior="滚动方式">.../marquee>Flu办公区 - 实用经验教程分享!

    3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)Flu办公区 - 实用经验教程分享!

      语法:marquee scrollamount="5">.../marquee>Flu办公区 - 实用经验教程分享!

    4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)Flu办公区 - 实用经验教程分享!

      语法:marquee scrolldelay="100">.../marquee>Flu办公区 - 实用经验教程分享!

    5.滚动循环loop(默认值是-1,滚动会不断的循环下去)Flu办公区 - 实用经验教程分享!

      语法:marquee loop="2">.../marquee>Flu办公区 - 实用经验教程分享!

    6.滚动范围width、heightFlu办公区 - 实用经验教程分享!

    7.滚动背景颜色bgcolorFlu办公区 - 实用经验教程分享!

    8.空白空间hspace、vspaceFlu办公区 - 实用经验教程分享!

    HTML怎么做滚动广告Flu办公区 - 实用经验教程分享!

  • 3

    在body>中输入代码,先建一个div>盒子,将要滚动的值都装起来。Flu办公区 - 实用经验教程分享!

    HTML怎么做滚动广告Flu办公区 - 实用经验教程分享!

  • 3该信息未经许可获取自百度经验
  • 4

    将需要设置成滚动的内容放进div盒子中。Flu办公区 - 实用经验教程分享!

    HTML怎么做滚动广告Flu办公区 - 实用经验教程分享!

  • 5

    Ctrl R,选择一个游览器运行,这时候就可以看到div中的内容开始滚动了。Flu办公区 - 实用经验教程分享!

    HTML怎么做滚动广告Flu办公区 - 实用经验教程分享!

  • 注意事项

    • 滚动的速度,方向。

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


    标签: HTML

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