外观：
自定义背景图：
自定义源码：
<div class="carousel wow bounceInUp animated" style="visibility: visible; animation-name: bounceInUp;">
<div class="carousel__bg"> <span class="lazyimg-wrap"> <picture> </picture> </span> <p class="cover_bg"></p> </div>
<div class="movie-inner">
<div class="carousel__recommend">
<ul> <li class="is-current"><a href="https://www.dashuxin.com/gsrs/scenery" rel="" target="_blank"><span class="lazyimg-wrap"> <picture> <img src="https://www.dashuxin.com/wp-content/uploads/2019/12/1f2948c0ec152d.jpg" title="大叔心 - 一个满满的正能量博客，大叔纯真，不欺骗，不伤害，不扯淡，不吹牛！" class=" lazyloaded"> </picture> </span> <div class="title is-review"> <span>大叔心</span> </div> <div class="time"> <h5>荐</h5> <p>Jun</p> </div> <div class="excellentreviews"> <div class="excellentreviews__background"></div> <p>人气推荐</p> </div> <section> <h4>大叔心 - 一个满满的正能量博客</h4> <p>大叔纯真，不欺骗，不伤害，不扯淡，不吹牛！</p> </section></a> <!----></li>
</ul>
</div>
<div class="carousel__feature">
<h3>精彩不断</h3> <a href="https://www.dashuxin.com/api/xjj/" rel="" target="_blank" class="carousel__feature-more"> 看小姐姐 </a>
<div class="carousel-feature__ul">
<span class="prev" style="display:none;"><i class="icon-movie icon-arrow"></i></span>
<ul style="width: 2490px;transform:translateX(0px);">
<li><a href="https://www.dashuxin.com/gsrs/say" rel="" target="_blank" title="闲言碎语"> <section> <span class="lazyimg-wrap cover_pic1"> <picture> <img src="https://www.dashuxin.com/wp-content/uploads/2020/11/20201109215643.png" alt="" title="" class=" lazyloaded"> </picture> </span> </section> <h4 title="这么多年，我一直都做一个梦，同样的故事，同样意境，同样的时间，同样的你……" class="is-film">同样意境，同样的时间，同样的你……</h4> <p>闲言碎语</p></a></li>
<li><a href="https://www.dashuxin.com/gsrs/ddgs" rel="" target="_blank" title="点滴故事"> <section> <span class="lazyimg-wrap cover_pic1"> <picture> <img src="https://www.dashuxin.com/wp-content/uploads/2020/01/1e10f7849ef754.jpg" alt="" title="" class=" lazyloaded"> </picture> </span> </section> <h4 title="许多时候，恰恰由于这一路的步履走得太急，沿途的风景还未曾好好写意，一些值得回忆的美好，便已匆匆赶往下一个转角。" class="is-film">人生匆匆，活出一个明亮的自我</h4> <p>点滴故事</p></a></li>
<li><a href="https://www.dashuxin.com/gsrs/tlzy" rel="" target="_blank" title="天籁之音"> <section> <span class="lazyimg-wrap cover_pic1"> <picture> <img src="https://www.dashuxin.com/wp-content/uploads/2020/11/%E4%BD%A0%E5%A5%BD%E6%88%91%E4%B9%9F%E5%A5%BD%EF%BC%8C%E4%B8%8D%E8%A6%81%E5%BF%98%E8%AE%B0%E5%93%A6%EF%BC%81-2.jpg" alt="" title="" class=" lazyloaded"> </picture> </span> </section> <h4 title="自心你删了我以后，我看了你半年的抖音，昨晚手滑点了一下赞，慌慌忙忙的取消，之后，便再也查不到,她的账号信息…" class="is-film">我看了你半年的抖音，昨晚手滑点了一下赞</h4> <p>天籁之音</p></a></li>
<li><a href="https://www.dashuxin.com/gsrs/fgny" rel="" target="_blank" title="浮光掠影"> <section> <span class="lazyimg-wrap cover_pic1"> <picture> <img src="https://www.dashuxin.com/wp-content/uploads/2021/04/QQ%E6%88%AA%E5%9B%BE20210428215823.webp" alt="" title="" class=" lazyloaded"> </picture> </span> </section> <h4 title="教育和生活，你都要努力，不努力国家和生命，谁都救不了你！" class="is-film">生活，一个顺势而为的未来</h4> <p>浮光掠影</p></a></li>
<li><a href="https://www.dashuxin.com/gsrs/sgpz" rel="" target="_blank" title="时光铺子"> <section> <span class="lazyimg-wrap cover_pic1"> <picture> <img src="https://www.dashuxin.com/wp-content/uploads/2020/12/ChMkJ1bKwYWICfloAAf5MKenJwEAALGZgIHp-0AB_lI155.jpg" alt="" title="" class=" lazyloaded"> </picture> </span> </section> <h4 title="我知道你们没什么野心，就是单纯的想发个财而已。假如你年少有为不自卑，副业肯定一大堆！" class="is-film">假如你年少有为不自卑，副业肯定一大堆！</h4> <p>时光铺子</p></a></li>
</ul>
</div>
</div>
</div>
</div>
自定义样式：