文本横向滚动

2438
1

Shirley 小试身手Lv3

发表于2019-5-28 09:17

楼主
本帖最后由 Shirley 于 2019-5-28 09:20 编辑
  1.         /*
  2.          * 创建marquee标签
  3.          * cell 活动字幕所属文本框组件
  4.          * scrollAmount 设定活动字幕的滚动速度,单位pixels
  5.          * scrollDelay 设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)
  6.          * direct 活动字幕的滚动方向 left/right
  7.          * padtop marquee标签的top样式
  8.          * padleft marquee标签的left样式
  9.          */
  10.         function createMar(cell,scrollAmount,scrollDelay,direct,padtop,padleft){
  11.             if(cell){
  12.                 var mar = document.createElement("marquee");
  13.                 mar.behavior="scroll";
  14.                 mar.direction=direct;
  15.                 if(scrollAmount){
  16.                     mar.scrollAmount=scrollAmount;
  17.                 }
  18.                 if(scrollDelay){
  19.                     mar.scrollDelay=scrollDelay;
  20.                 }
  21.                 if(padtop){
  22.                     mar.style.top=padtop;
  23.                 }
  24.                 if(padleft){
  25.                     mar.style.left=padleft;
  26.                 }
  27.                 mar.style.zIndex="999999";
  28.                 mar.align= "center";
  29.                 var spanDom = cell;
  30.                 var domnew = spanDom.cloneNode(true);
  31.                 domnew.style.zIndex="999999";
  32.                 domnew.style.position="static";
  33.                 mar.appendChild(domnew);
  34.                 spanDom.parentNode.replaceChild(mar,spanDom);
  35.             }
  36.         }
复制代码
  1.         /*
  2.          * HHH4是需要滚动的文本框的代号
  3.          */
  4.          createMar(document.getElementById('HHH4'),2,0,"left",null,null);
复制代码

最近看过此主题的会员

chestnut

18282474942

shitou486

hee

esen_408VBWR3E6V9

ken_liang

贯佳睿

一一

1个回答

只看楼主

小亿 管理员

发表于2019-5-29 09:53

只看该作者

取消 关注该作者的回复

沙发

感谢分享呢!如果能结合场景,截图就非常完美啦!

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号