:欢迎您的到来! 如果您遇到任何问题,请联系博主qq: 180181332

网站顶部添加滚动文字

罗小黑
2021-09-20 / 12 评论 / 784 阅读 / 正在检测是否收录...

如果我们在自己网站上添加一段滚动的文字会显得更高级一些,下面就看我如何实现的吧:

实现效果[具体看本站]

滚动文字.png

实现代码[精心整理]


// 1、来回滚动
<marquee behavior=" alternate "><font color=red>文字来回滚动 </marquee>
// 2、设置滚动次数,这里已三次为例
<marquee loop=3 width=50% behavior=scroll>文字只走3趟 </marquee>
// 3、设置滚动方向,left是文字自右向左移,right是文字自左向右移
<marquee direction=left>文字自右向左移</marquee>
// 4、设置滚动频率
<marquee scrollamount=8>
文字很快滚。
</marquee> 
本文共 127 个字数,平均阅读时长 ≈ 1分钟
5

打赏

海报

正在生成.....

评论 (12)

取消
  1. 头像
    1 Lv.1
    Windows X64 · QQ Browser
    沙发

    代码放哪?

    回复 删除 垃圾
    1. 头像
      罗小黑 Lv.4 作者
      iPhone · QQ Browser
      @ 1

      主题目录下的header.php里

      回复 删除 垃圾
      1. 头像
        1 Lv.1
        Windows X64 · QQ Browser
        @ 罗小黑

        具体放什么地方,可以给个截图地址给我看看吗?

        回复 删除 垃圾
        1. 头像
          罗小黑 Lv.4 作者
          Windows 10 · QQ Browser
          @ 1

          header.php的最下面

          回复 删除 垃圾
  2. 头像
    罗黑小 Lv.4
    Windows 10 · Google Chrome
    板凳

    厉害,谢谢

    回复 删除 垃圾
    1. 头像
      yit Lv.1
      Windows 10 · Google Chrome
      @ 罗黑小

      为什么你的顶部导航栏字那么大啊

      回复 删除 垃圾
      1. 头像
        罗小黑 Lv.4 作者
        Windows 10 · QQ Browser
        @ yit

        调的

        回复 删除 垃圾
  3. 头像
    AKERS Lv.1
    Windows 10 · Google Chrome
    地毯


    :欢迎您的到来! 如果您遇到任何问题,请联系博主qq: 2246367063

    直接F12扒源代码解决了,然后再来你这里搜索,看到教程了,哈哈哈。不过我的主题和你主题不一样,显示不完美,和下面的块间隔变近了,你这个有面包屑所以正常。唉不知道咋个弄,楼主你会吗???

    回复 删除 垃圾
    1. 头像
      罗小黑 Lv.4 作者
      Windows 10 · QQ Browser
      @ AKERS

      加个换行

      回复 删除 垃圾
      1. 头像
        AKERS Lv.1
        Windows 10 · Google Chrome
        @ 罗小黑

        就是不知道怎么加。。

        试了不行 上面那个白色会跟着

        回复 删除 垃圾
  4. 头像
    AKERS Lv.1
    Windows 10 · Google Chrome
    第4楼


    :欢迎您的到来! 如果您遇到任何问题,请联系博主qq: 2246367063

    回复 删除 垃圾
  5. 头像
    Lv.1
    Windows 10 · QQ Browser
    第5楼

    666

    回复 删除 垃圾