-
-
leiz 小试身手Lv3
发表于2020-1-17 13:16
楼主
本帖最后由 leiz 于 2020-1-17 13:18 编辑
报表模板将文本设置成横向轮播的效果，使用下面的客户端脚本即可实现：
复制代码以上脚本BI和ABI通用，亲测可用！！
报表模板将文本设置成横向轮播的效果，使用下面的客户端脚本即可实现：
- var marque=document.getElementById("HHH2");//HHH2为文本代号
- var marqueContent=document.querySelector("#HHH2 div span")
- var cLeft=marqueContent.offsetLeft;
- var cWidth=marqueContent.offsetWidth;
- var bWidth=marque.clientWidth;
- marqueContent.style.position="absolute";
- marqueContent.style.left = "0px";
- marqueContent.style.display="inline-block";
- marqueContent.style.height="14px";//显示的高度
- marqueContent.style.overflow="hidden"
- setInterval(() => {
- if(cLeft>= -cWidth){
- cLeft-=5;
- marqueContent.style.left=cLeft+"px";
- }else{
- cLeft=bWidth;
- marqueContent.style.left=cLeft+"px";
- }
- }, 100);
