最新发布与逐字滚动公告模块

推荐：运营商正规大流量卡免费包邮！

前段时间有人找我要，本站的最新发布与逐字滚动公告的模块，这个是扒的 mac 的一个样式，不过我感觉挺好看的，这个模块的滚动很简单，只不过最新发布，我整了好久才整出来，可能不是很好看，我已经把手机端设置成不显示手机端，因为手机端不是很好看，话不多说，直接开始上教程

效果图

部署流程

此处内容已隐藏，请评论后刷新页面查看.

部署代码

<div class="wapnone">
<div id="zuixinfabu" class="index-new">
<img draggable="false" oncontextmenu="return false;" src="www.foxccs.com/s/pic/index-new.svg" alt="最新发布">
</div>
</div>
<style>
div#zuixinfabu {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.posts-item .item-heading>a {font-weight: bold;color: unset;}@media (max-width:640px) {
    .meta-right .meta-view{
      display: unset !important;
    }
  }

/*文字列表标题图片样式*/
.index-new img {
  height: 35px;
  padding-left: 10px
}
.index-new {
  margin-bottom: 5px;
}
/*文字列表标题图片样式结束*/
  /*手机端不显示 CSS 代码*/
@media screen and (max-width: 1221px) { .wapnone{display:none; }
      }
</style>

温馨提示：本文最后更新于2024-10-01 01:15:46，某些文章具有时效性，若有错误或已失效，请在下方留言或联系雅幽资源网。

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。

如果用于其他用途，请购买正版支持作者，谢谢！若您认为「BLOG.BEICB.TOP」发布的内容若侵犯到您的权益，请联系站长邮箱:1026866560@qq.com 进行删除处理。
本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。

文章版权归作者所有，未经允许请勿转载。

THE END