-
-
梁大飞 初学数据Lv2
发表于2021-8-19 11:05
悬赏5
已解决
楼主
这种文字滚动怎么做呀
最近看过此主题的会员
最佳答案
你好.拖入一个容器,容器里面拖入一个表格.表格每行是你要显示的内容.在编辑区--高级--脚本里面复制代码注意修改GRID1和HHH2为你自己的表格代码和容器代码
效果如图
:
- var speed = 10; //定时执行的间隔，影响速度，数值越大，速度越慢（可修改）
- var offpos = 1; //每次向上偏移量，单位为像素(可修改)
- //获取代号为"GRID1"的表格的HTML元素（GRID1可修改为需要进行跑马灯效果的控件在展示界面的html元素id值）
- var tabledom = document.getElementById("GRID1");
- //获取代号为"HHH15"的容器的HTML元素（HHH15可修改为进行跑马灯效果的控件的父容器或父元素的html元素id值）
- var bodydiv = document.getElementById("HHH2");
- bodydiv.style.overflow="hidden";
- var position = 0;
- var height = tabledom.clientHeight;
- var paused = false; //是否暂停
- function scroller() {
- if( paused ) return;
- if((0 - position ) === height ){
- position = bodydiv.clientHeight;
- tabledom.style.top = position + "px";
- }
- position -= offpos;
- tabledom.style.top = position + "px";
- }
- setInterval("scroller()", speed);//自动滚动
- //鼠标点击停止或继续(如果不需要可以去掉下面的脚本)
- document.body.onmousedown = function(){
- paused = !paused;
- }
效果如图
:
5个回答
你好.拖入一个容器,容器里面拖入一个表格.表格每行是你要显示的内容.在编辑区--高级--脚本里面
- var speed = 10; //定时执行的间隔，影响速度，数值越大，速度越慢（可修改）
- var offpos = 1; //每次向上偏移量，单位为像素(可修改)
- //获取代号为"GRID1"的表格的HTML元素（GRID1可修改为需要进行跑马灯效果的控件在展示界面的html元素id值）
- var tabledom = document.getElementById("GRID1");
- //获取代号为"HHH15"的容器的HTML元素（HHH15可修改为进行跑马灯效果的控件的父容器或父元素的html元素id值）
- var bodydiv = document.getElementById("HHH2");
- bodydiv.style.overflow="hidden";
- var position = 0;
- var height = tabledom.clientHeight;
- var paused = false; //是否暂停
- function scroller() {
- if( paused ) return;
- if((0 - position ) === height ){
- position = bodydiv.clientHeight;
- tabledom.style.top = position + "px";
- }
- position -= offpos;
- tabledom.style.top = position + "px";
- }
- setInterval("scroller()", speed);//自动滚动
- //鼠标点击停止或继续(如果不需要可以去掉下面的脚本)
- document.body.onmousedown = function(){
- paused = !paused;
- }
效果如图
:
