全百科精品资源分享
免费优质资源下载平台

分享一段自定义轮播显示问候语的代码 可加入WordPress站点小工具

播放按钮
全百科网免费发布推广信息

分享一段自定义轮播显示问候语的代码 ,代码来自某站扒的样式看本文末,代码由css加html而成,代码直接复制下面的来用,还可以可加入WordPress站点小工具。

运行演示:

复制以下示例代码,点击HTML在线可视化编辑器(清空自带代码),粘贴进所复制代码,点击运行即可查看效果。

示例代码:

<aside id="php_text-8" class="widget php_text wow fadeInUp" data-wow-delay="0.3s"><div class="textwidget widget-text"><style type="text/css">#container-box-1{color:#526372;text-transform:uppercase;width:100%;font-size:16px;line-height:50px;text-align:center}#flip-box-1{overflow:hidden;height:50px}#flip-box-1 div{height:50px}#flip-box-1>div>div{color:#fff;display:inline-block;text-align:center;height:50px;width:100%}#flip-box-1 div:first-child{animation:show 8s linear infinite}.flip-box-1-1{background-color:#FF7E40}.flip-box-1-2{background-color:#C166FF}.flip-box-1-3{background-color:#737373}.flip-box-1-4{background-color:#4ec7f3}.flip-box-1-5{background-color:#42c58a}.flip-box-1-6{background-color:#F1617D}@keyframes show{0%{margin-top:-300px}5%{margin-top:-250px}16.666%{margin-top:-250px}21.666%{margin-top:-200px}33.332%{margin-top:-200px}38.332%{margin-top:-150px}49.998%{margin-top:-150px}54.998%{margin-top:-100px}66.664%{margin-top:-100px}71.664%{margin-top:-50px}83.33%{margin-top:-50px}88.33%{margin-top:0px}99.996%{margin-top:0px}100%{margin-top:300px}}</style><div id="container-box-1"><div class="container-box-1-1">坚持每天来逛逛,会让你</div><div id="flip-box-1"><div><div class="flip-box-1-1">工作也轻松了!</div></div><div><div class="flip-box-1-2">生活也美好了!</div></div><div><div class="flip-box-1-3">心情也舒畅了!</div></div><div><div class="flip-box-1-4">走路也有劲了!</div></div><div><div class="flip-box-1-5">腿也不痛了!</div></div><div><div class="flip-box-1-6">腰也不酸了!</div></div><div><div class="flip-box-1-1">欢迎来到全百科网!</div></div></div><div class="container-box-1-2">你好我也好,不要忘记哦!</div></div></div><div class="clear"></div></aside>

PS:可根据自己审美观做适当美化修改

Free Download WordPress Themes
Download Best WordPress Themes Free Download
Free Download WordPress Themes
Premium WordPress Themes Download
free download udemy paid course
download samsung firmware
Free Download WordPress Themes
ZG93bmxvYWQgbHluZGEgY291cnNlIGZyZWU=

搜一下 获取更多

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0)
全百科网 » 分享一段自定义轮播显示问候语的代码 可加入WordPress站点小工具
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址