html5实现字幕滚动代码
网站需要做个字幕滚动效果,以前的marquee写法已过时,网上找了个纯html写法,JS也不需要,比较满意。可是这个代码是CSDN上分享的,不好直接复制,如何解决?
原文:https://blog.csdn.net/qq_38801090/article/details/126483186
首先:试了我自己电脑安装的两款OCR截图识别软件,都有部分内容错误,不满意放弃。最后用我独创的办法复制出来了,在此分享
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> @keyframes move { 0% { transform:translateY(0px); } 50% { transform:translateY(-200px); } 100% { transform:translateY(0px); } } .picTab{height:500px;border:2px solid #000; margin:50px auto;overflow:hidden;} .picTab .topDiv{width:1000px;height:500px; animation:move 5s linear infinite;text-align:center;} .picTab div {margin:5px;color:black; } </style> </head> <body> <DIV class="picTab"> <div class="topDiv"> <div>"控制洗衣机"</div> <div>"控制冰箱"</div> <div>"开启洗衣机"</div> <div>"开始洗衣"</div> <div>"关闭洗衣机"</div> <div>"棉麻洗"</div> <div>"洗涤时间设为20分钟"</div> <div>"漂洗2次"</div> <div>"脱水6分钟"</div> <div>"冰箱设为速冷模式"</div> <div>"冷藏室温度设为5度"</div> <div>"天气"</div> </div> </DIV> </body> </html>
下附本人研究出来的CSDN免登录,非截图内容复制办法。是不是首创不确定,但我觉得挺不错。
版权声明:本文由指尖十年发布,如需转载请注明出处,如有问题可在下面留言。
本站提供的一切软件、教程和内容信息来自网络收集整理,版权争议与本站无关,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系。