网站需要做个字幕滚动效果，以前的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>版权声明：本文由贝联科技发布，如需转载请注明出处，如需分享可点击上方生成海报按钮。
相关文章
转载的CSS两列布局，三列布局方法
下面方法主要用的display:inline-block属性，设置同行DIV宽度，另一个DIV用margin限制宽度。按照文档流默认显示方法CSS两列布局，右侧固定，左侧自适应宽度 <div style="widt...
PbootCMS模板主题可用标签大全（PbootCMS仿站必备标签）
以下为PbootCMS网站模板可用标签收集整理大全，免费分享1、公司信息标签适用范围：全站任意地方均可使用。标签作用：用于调取网站与公司相关的信息，对应后台的“基础内容>公司信息”。{pboot:companyname}公司名称{pb...
PbootCMS后台去版权显示教程
PbootCMS是一个很不错的PHP建站系统，但后台一些明显的PbootCMS字样看着不舒服，本人在此分享下自己和其他网友总结出来的经验。特别说明，本人只是修改一些明显的碍眼字样，请大家一起尊重PbootCMS 知识产权。（一）后台登录界面...
网站http/https/www/无www开头域名访问301重定向设置方法
众所周知，根据搜索引擎的喜好，相同内容的页面最好是只有一个URL网址，一些新手站长可能不注意，自己做的网站同个网页会出现２个或者４个URL可以访问。这些网址形式如： htttp://www.nqnh.com http://nqn...
如何屏蔽PetalBot蜘蛛等垃圾蜘蛛办法分享
本人有一个 小网站，后台可以查看蜘蛛数据，经常发现有许多国外蜘蛛爬取。作为一个面向国内特定地域用户的网站，着实用不着那些蜘蛛来消耗资源，网上找到一段Nginx配置代码，加上后很灵敏，那些国外蜘蛛第二天就不来了。 if (...
关于国内运营网站需要ICP许可证、EDI许可证等证件的说明
许多做网站的同学对在国内合法开办网站需要哪些证件可能不是很清楚，下面做一个总结：ICP许可证：主要用作于信息发布及经营性收付费功能的网站;EDI许可证：用作于电商类网站，具有第三方商家入驻的功能;呼叫中心业务许可证：用作于坐席外包，电话外呼...
发表评论
- 热门阅读
-
3759 浏览Zblog相关
3632 浏览其他杂项
3452 浏览其他杂项
3332 浏览Zblog相关
3054 浏览Discuz点微
- 热评文章
-
1 评论Zblog相关
1 评论Zblog相关
0 评论Zblog相关
-
0 评论其他杂项
0 评论其他杂项
