首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用js实现横向文字重复滚动,超简单

    背景 因为公司系统需要实现横向文字滚动效果,所以自己手动写了一个,没用网上,感觉网上啰嗦繁琐,扩展性还不行,喜欢的话点赞收藏吧,下面是gif效果图。...#wai{ width: 350px; //宽度可以修改 border: 1px red solid; //看你项目需求,需不需要加边框 color: white; //文本颜色 float:...hidden; //不可修改 margin-top: 2px; //上边框 margin-left: 250px; //左边距 } #text{ margin-left: 330px; //调整文字首次加载隐藏值...,这里数值大小取决于一开始文字滚动等待时长 width:360px; //根据你文字长度定义长度,这里定义好之后,基本js代码就不用动了 } js代码,上面修改好之后,基本不用动。

    7.3K20

    用字蛛动态遍历JS生成中文字

    这样就引发了一个问题,如果你所用到文字都是在 JavaScript 中动态生成,那你让字蛛分析你 html 岂不是无济于事?...Allan 这个项目更进一步,通过无头浏览器来爬取当前页面上文字来动态生成精简版 webfont....另外我怀疑通过 Chrome 无头浏览器在页面生成阶段遍历页面上字体也会有问题,比如我弹窗(modal)是在用户交互之后才插入 dom ,这样弹窗上字体就捕获不到了吧。...这个项目很简单,无需比较重依赖,是直接遍历你源码目录(可以指定目录),找出所有用到文字,调用字蛛生成你所需要文字体。...这样无论你是 JavaScript 项目、还是 typescript 项目(可以指定文件后缀),无论你包含中文字结构是何时插入 dom ,FSW 都可以捕获到。

    4.2K280
    领券