Hexo Icarus 主题首页添加走马灯效果

昨天有朋友在我的博客留言问怎么实现我博客首页的走马灯效果，后来留言索要我的博客首页的走马灯效果的源码，事后我想了一下索性整理并分享出来吧。

首页添加走马灯图片轮播

下面分步骤来说明并贴出源码：

2018-10-14日

Web前端 / 基础

7 分钟读完 (大约 1114 个字)

Web前端基础（13）JS实践案例--自动轮播图片

Demo演示

布局

<div class="all" id="all">
    <div class="screen">
        <ul id="ul">
            <li><img src="images/banner1.png" alt="" width="800" height="500"></li>
            <li><img src="images/banner2.png" alt="" width="800" height="500"></li>
            <li><img src="images/banner3.png" alt="" width="800" height="500"></li>
            <li><img src="images/banner4.png" alt="" width="800" height="500"></li>
        </ul>
    </div>
</div>