使用插件ImagMarqueeView和标签MarqueeView将文本设置为动态滚动的效果。
1.滚动文本标签——marqueeView
语法格式:
也可以在标签内设置文本的大小textSize、颜色textColor等。
2.滚动动画开始——animStart
语法格式:
设置文本是否以动画开始。
3.滚动方向属性——direction
语法格式:
滚动方向取值:right_to_left,left_to_right,bottom_to_top,top_to_bottom。其中从左向右的滚动效果left_to_right和默认效果相同。
4.滚动位置属性——gravity
语法格式:
滚动位置取值:left,right,center。其中在滚动位置在左侧left和默认效果相同。
5.滚动执行时间——duration
语法格式:
时间间隔单位是毫秒(千分之一秒)
6.滚动间隔时间——interval
语法格式:
时间间隔单位是毫秒(千分之一秒)
7.滚动文本数组——textList
设置显示文本行数(不支持iOS)
8.滚动显示一行——singleLine
在文本数组模式下有效,是否只显示一行 (不支持iOS)
滚动单行文本示例代码
效果图
滚动多行文本示例代码
var marquee; $page.onload = function() {
marquee =$("marquee");
var mycars = new Array("欢迎学习爱码哥111111","欢迎学习爱码哥222222", "欢迎学习爱码哥333333");
marquee.textList = mycars;
}
]]>
閱讀更多 愛碼哥 的文章