学习
实践
活动
专区
工具
TVP
写文章

HTML跑马灯

引言 HTML提供了一种非常简单实现跑马灯效果的标签,Marquee标签,通过设置不同的属性,可以实现不同的跑马灯效果: 跑马灯的背景及背景 宽123 高77 背景色为#f5f5f5的滚动区域: <marquee direction="left" width="123" height="77" bgcolor="#f5f5f5" >这是一个宽123高77的跑马灯</marquee> 这是一个宽123高77的跑马灯 "right">向右滚动</marquee> 向右滚动 跑马灯循环 loop:设置跑马灯循环次数;默认值为-1或infinite,表示无限循环滚动 <marquee loop="3">这是一个循环三次滚动 </marquee> 这是一个循环三次滚动 跑马灯滚动方式 behavior:可设为< scroll:循环滚动 slide:只滚动一次 alternate:来回滚动 > 默认为循环滚动 <marquee behavior="alternate">这是一个跑马灯</marquee> 这是一个跑马灯 跑马灯延迟 scrolldelay: 数值值越大,滚动速度越慢,通常不设置 <marquee scrolldelay

34520
  • 广告
    关闭

    热门业务场景教学

    个人网站、项目部署、开发环境、游戏服务器、图床、渲染训练等免费搭建教程,多款云服务器20元起。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    riot.js教程【六】循环HTML元素标签

    前文回顾 riot.js教程【五】标签嵌套、命名元素、事件、标签条件 riot.js教程【四】Mixins、HTML内嵌表达式 riot.js教程【三】访问DOM元素、使用jquery、mount }

    this.arr = [ true, 110, Math.random(), 'fourth'] </my-tag> 对象属性循环 与简单数组循环相对,下面的代码是对象属性循环 <my-tag ,不推荐使用; riotjs是通过JSON.stringify来判断对象是否有变更,以此来决定是否要更新HTML元素 key属性 你可以在循环标签的时候,使用key属性 <loop>

    TextView设置跑马灯效果

    TextView设置跑马灯效果 需求 分析 实现效果 具体实现 android.xml代码 关键属性介绍 android.xml用到的background资源 .java业务代码 需求 实现视频上方文字滚动效果 https://live.csdn.net/v/embed/204299 android跑马灯效果 分析 可使用TextView来实现这个跑马灯效果 实现效果 文字底部设置灰色透明背景显示 ,名称以及奖励金额使用高亮色号显示 https://live.csdn.net/v/embed/204304 TextView跑马灯效果示例 具体实现 android.xml代码 <? android:background="@drawable/head_effect_shape"/> </FrameLayout> 关键属性介绍 android:ellipsize="marquee" //设置跑马灯显示效果 android:singleLine="true" //必须单行显示 android:marqueeRepeatLimit="marquee_forever" //实现无限循环 android.xml

    18820

    HarmonyOS实战—实现跑马灯效果

    Text文本框展示大段内容文字 文本中展示大段文字,除了这种方式之外,还有其他方式 [在这里插入图片描述] 可以使用跑马灯的形式展示,但需要两个前提条件,如下: 下面两个都是默认属性,也可以省略不写 [ ellipsis_at_end" [在这里插入图片描述] ohos:truncation_mode="auto_scrolling"表示滚动效果 ohos:auto_scrolling_count="10"表示跑马灯滚动的次数 (Text) findComponentById(ResourceTable.Id_text1); //2.给Text文本添加单击事件 //表示当单击一下的时候,开启跑马灯效果 super.onForeground(intent); } @Override public void onClick(Component component) { //开启跑马灯效果 方法的参数,参数表示被点击组件的对象 //2.可以把 onStart 方法中的Text对象,挪到成员位置 //使用第一种方法实现: //先强转,因为开启跑马灯的方法不是父类

    19400

    扫码关注腾讯云开发者

    领取腾讯云代金券