网站需要做个字幕滚动效果，以前的marquee写法已过时，网上找了个纯html写法，JS也不需要，比较满意。
<!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>版权声明：本文由三循信息发布，如需转载请注明出处，如需分享可点击上方生成海报按钮。
相关文章
如何给网站文章页前面自动加个目录导航
一些网站文章正文前有个目录导航，这是根据本文的h标签自动添加上去的，一些朋友可能需要这样的功能，其实本站文章页面也是如此显示，但此种写法只适用Zblog系统，下面给出个通用方案。要实现的效果类似下图修改简要文字说明本文分享具体代码，主要涉及...
Win10系统22H2版本如何关闭讨厌的热门搜索推荐栏
本人电脑以前是win10系统21H1版本，已经手动关闭了系统自带所有广告提示，今天电脑自动升级到了22H2版本，居然在使用本地搜索功能时出现一个热门搜索栏。里面显示乱七八糟的推荐内容，一旦点击，就会跳转到Edge浏览器中Bing搜索结果页面...
正则表达式自学教程
因为本人有时需要批量替换改写文章，简单的关键词替换不能满足需求，不得不学习正则表达式，作为一个新手，这里记录一些正则规则和遇到的问题。 一、正则常用到符号含义1.1.第一批正则学习[]匹配列表之中的任何单个字符.例如，"...
互联网项目引流的指导思想和误区
本文源自义乌之狼微信群内一个群友分享的三张引流图片，觉得挺有价值，特在此分享。一、引流指导思想1.1引流（革命）思想，指导路线革命指导思想--农村包围城市，武装夺取政权；引流指导思想-广告化（形式）策略，流水化（批量）生产。1.2思想策略，...
pbootcms多语言建站常见问题（转载）
一、如何搭建多语言站？多语言/区域建站用于使用同一个后台建立多语言网站。1、使用步骤1）在后台”系统管理>数据区域”添加相应的区域，具体参考默认区域；2）将多语言的模板放入模板目录，不同语言的模板均放在template目录下；3）在后...
百度UEditor编辑器自定义标题样式修改教程
因为自己运营的某个网站后台编辑器使用的是百度UEditor，用这个编辑器自带功能给文章可以加四个自带标题样式，但这个标题样式令人难以满意，故决定自己动手修改。从网上搜索教程，发现可能涉及到两个文件的修改，一个是该编辑器目录下editor/u...
发表评论
- 热门阅读
-
-
6703 浏览其他杂项
6599 浏览其他杂项
5997 浏览其他杂项
5331 浏览网络日记
5313 浏览Zblog相关
- 热评文章
-
0 评论PC软件
0 评论Discuz点微
0 评论其他杂项
0 评论其他杂项
0 评论其他杂项
