简单的CSS文字滚动轮播【原创

来源:https://www.sucaihuo.com/js/3000.html 2017-09-13 22:18浏览(6327) 收藏

一款简单的CSS文字滚动轮播特效,设置好的文字会自动无限垂直滚动轮播,并且每段文字都有不同的背景色,整个样式可以自由调整。
简单的CSS文字滚动轮播
分类:文字特效 > 文字滚动 难易:初级
查看演示 下载资源 下载积分: 20 积分

页面的head部分,需引入页面的样式文件,代码如下:

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分,不同的文字内容放入不同的div容器里,代码如下:

<div id=container>
  简单几招,让 
  <div id=flip>
    <div><div>工作更轻松!</div></div>
    <div><div>生活更美好!</div></div>
    <div><div>心情更舒畅!</div></div>
  </div>
  一起来吧!
</div>
<p>简单的CSS文字滚动轮播</p>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/3000.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2