Android跑马灯进度条,table数据跑马灯效果

1、使用marquee标签实现普通文本字符串跑马灯效果。

我左右滚动

我上下滚动

2、实现table数据跑马灯效果,表头不动,表数据不断向上滚动,头尾数据相连

跑马灯table

th,td {

padding: 5px;

text-align: center;

}

我左右滚动

我上下滚动

详情编号

最牛交通工具 11
最牛交通工具 22
最牛交通工具 33
最牛交通工具 44
最牛交通工具 55
最牛交通工具 66
最牛交通工具 77
最牛交通工具 88
最牛交通工具 99
最牛交通工具 1111
最牛交通工具 1212

var rollspeed = 30

rolllinkk2.innerHTML = rolllinkk1.innerHTML //

function Marquee1() {

if (rolllinkk2.offsetTop - rolllinkk.scrollTop <= 0) //

rolllinkk.scrollTop -= rolllinkk1.offsetHeight //

else {

rolllinkk.scrollTop++

}

}

var MyMar1 = setInterval(Marquee1, rollspeed) //

rolllinkk.onmouseover = function () {

clearInterval(MyMar1)

}

rolllinkk.onmouseout = function () {

MyMar1 = setInterval(Marquee1, rollspeed)

}

3、效果图

7e93ef8b3788ccf5bec913c971dcc39f.gif

黑马vue---10-11、Vue实现跑马灯效果

黑马vue---10-11.Vue实现跑马灯效果 一.总结 一句话总结: 1. 给 [浪起来] 按钮,绑定一个点击事件   v-on   @ 2. 在按钮的事件处理函数中,写相关的业务逻辑代码:拿到 ...

VUE小案例--跑马灯效果

自学Vue课程中学到的一个小案例,跑马灯效果

vue学习第二天:Vue跑马灯效果制作

分析: 1. 给开始按钮绑定一个点击事件 2.在按钮的事件处理函数中,写相关的业务代码 3.拿到msg字符串 4.调用字符串的substring来进行字符串的截取操作 5.重新赋值利用vm实例的特性来 ...

TextView跑马灯效果

转载:http://www.2cto.com/kf/201409/330658.html 一.只想让TextView显示一行,但是文字超过TextView的长度怎么办?在开头显示省略号 android ...

Android&lowbar;TextView之跑马灯效果

对于android控件中的TextView,相信大家一定不陌生,在显示文本内容时十分方便.不过我在使用时遇到一个小问题,就是当文字交多时,如何为用户进行展示.今天就为大家介绍一种解决方案--跑马灯效果 ...

android中实现跑马灯效果以及AutoCompleteTestView与MultiAutoCompleteTextView的学习

跑马灯效果 1.用过属性的方式实现跑马灯效果 属性:                  android:singleLine="true" 这个属性是设置TextView文本中文字 ...

Android 实现多行文本跑马灯效果

Android TextView 实现跑马灯的效果很简单,只要加三个属性就可以了. android:ellipsize="marquee" android:focusable=&q ...

android&colon;ellipsize实现跑马灯效果总结(转)

最近无意间看到了涉及到跑马灯效果的代码,于是在网上查阅了很多资料,在这里对自己看的一些文章进行一下总结,顺便加上自己的一些体会. 让我们一步步逐渐向下. 首先我们要实现走马灯这样一个效果,通常来说 ...

flex 简单跑马灯效果(竖着显示)

//move效果,模拟跑马灯

随机推荐

sort命令

1.默认情况下,sort命令,以字母序进行文本排序sort word.txt2.如果想对数字进行排序,可以使用-n参数sort num.txt -n3指定列排序下面是对passwd文件,以冒号(:)进 ...

&lbrack;译&rsqb; jQuery 3 有哪些新东西

转自:https://github.com/cssmagic/blog/issues/59 jQuery 的横空出世,至今已有十个年头了,而它的长盛不衰显然不是没有理由的.jQuery 提供了极为友好 ...

Asp&period;net中从后台中如何获取html控件

比如定义html的文本框如下:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值