当前位置:首页 > 源码分享 > 源码程序 > 正文内容

html5实现字幕滚动代码

zjsn1个月前 (01-23)源码程序73

网站需要做个字幕滚动效果,以前的marquee写法已过时,网上找了个纯html写法,JS也不需要,比较满意。可是这个代码是CSDN上分享的,不好直接复制,如何解决?

原文:https://blog.csdn.net/qq_38801090/article/details/126483186

首先:试了我自己电脑安装的两款OCR截图识别软件,都有部分内容错误,不满意放弃。最后用我独创的办法复制出来了,在此分享

33.jpg

<!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免登录,非截图内容复制办法。是不是首创不确定,但我觉得挺不错。

支付18元,才能查看本内容!立即付款查询订单

版权声明:本文由指尖十年发布,如需转载请注明出处,如有问题可在下面留言。

本站提供的一切软件、教程和内容信息来自网络收集整理,版权争议与本站无关,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系

本文链接:https://www.zjsn.net/?id=83

分享给朋友:

“html5实现字幕滚动代码” 的相关文章

QQ微信拦截域名强开PHP源码

QQ微信拦截域名强开PHP源码

美化防红视频跳转源码,使用前提条件,自己至少有一个域名未红的支持PHP网站。Step1:下载好源码后把index.php,css目录,images目录,js目录上传到自己要防红的网站根目录,把safeurl.php上传到你域名未红的网址任意目录下。Step2:修改index.php文件内safeur...

屏蔽微信内打开网址显示遮罩层,提示在浏览器打开源代码

屏蔽微信内打开网址显示遮罩层,提示在浏览器打开源代码

为客户制作一个静态网页的H5页面,要求用户只能在电脑浏览器或者手机浏览器打开访问,如果是微信打开网址,显示一个遮罩层,提示浏览器打开。如此一个简单的要求,想起来以前一个PHP+JS遮罩方法,但那个代码需要修改静态html页面为php文件,并不完全符合要求。于是本人整理制作出一套html+js+css...

百度编辑器ueditor上传图片后尺寸太大撑破编辑器怎么办

百度编辑器ueditor上传图片后尺寸太大撑破编辑器怎么办

百度编辑器ueditor上传图片后,图片尺寸小了没事,如果大了则会撑破编辑器范围,出现左右滚动条,如果要再编辑里面图片文字很不方便,有什么就觉办法呢?其实很简单,百度编辑器有个CSS自定义功能,我的程序是这个文件source/plugin/tom_ueditor/editor/themes/ifra...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。