网站需要做个字幕滚动效果，以前的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>版权声明：本文由贝联科技发布，如需转载请注明出处，如需分享可点击上方生成海报按钮。
相关文章
Zblog搜索无结果时增加一个友好提示
Zblog是个不错的博客程序，但官方不知道怎么回事不去用心完善一些基本功能，我使用时就频频发现一些缺陷bug，都有些怀疑官方故意如此是为了卖付费插件增加收入。上次发了通过修改js文件，避免前台空搜索bug的解决办法。还有一个不大不小的问题，...
华为云主机重装系统、宝塔环境一点总结
因为朋友的华为云主机出了问题，我需要给重新安装系统和做好一个企业网站。本人也是摸索学习，这里总结下经验，附宝塔官方安装教程步骤一：华为云重装系统打开网址 https://www.huaweicloud.com 登录进入弹...
转载的CSS两列布局，三列布局方法
下面方法主要用的display:inline-block属性，设置同行DIV宽度，另一个DIV用margin限制宽度。按照文档流默认显示方法CSS两列布局，右侧固定，左侧自适应宽度 <div style="widt...
Win10系统22H2版本如何关闭讨厌的热门搜索推荐栏
本人电脑以前是win10系统21H1版本，已经手动关闭了系统自带所有广告提示，今天电脑自动升级到了22H2版本，居然在使用本地搜索功能时出现一个热门搜索栏。里面显示乱七八糟的推荐内容，一旦点击，就会跳转到Edge浏览器中Bing搜索结果页面...
互联网项目引流的指导思想和误区
本文源自义乌之狼微信群内一个群友分享的三张引流图片，觉得挺有价值，特在此分享。一、引流指导思想1.1引流（革命）思想，指导路线革命指导思想--农村包围城市，武装夺取政权；引流指导思想-广告化（形式）策略，流水化（批量）生产。1.2思想策略，...
关于国内运营网站需要ICP许可证、EDI许可证等证件的说明
许多做网站的同学对在国内合法开办网站需要哪些证件可能不是很清楚，下面做一个总结：ICP许可证：主要用作于信息发布及经营性收付费功能的网站;EDI许可证：用作于电商类网站，具有第三方商家入驻的功能;呼叫中心业务许可证：用作于坐席外包，电话外呼...
发表评论
- 热门阅读
-
4200 浏览Zblog相关
3989 浏览其他杂项
3898 浏览其他杂项
3659 浏览Zblog相关
3357 浏览Discuz点微
- 热评文章
-
1 评论Zblog相关
1 评论Zblog相关
0 评论Zblog相关
0 评论其他杂项
0 评论PC软件
