js跑马灯时间轴原生JS跑马灯时间轴特效代码下载-脚本之家

热门排行

简介

原生JS跑马灯时间轴特效代码是一款原生js曲线时间轴，卡片时间轴，跑马灯时间轴ui特效。

代码结构

1. 引入CSS

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

2. 引入JS

<script src="js/index.js" ></script>

3. HTML代码

<div id="timeline">
    <div class="timecenter">    
        <div class="timeline-box">
            <div class="header"><img src="img/1.jpg"></div>
            <h3>免费注册</h3>
            <p>营业执照</p>
            <p>备案</p>
            <p>开立公司基本户</p>
        </div>
        <div class="timeline-box">
            <div class="header"><img src="img/1.jpg"></div>
            <h3>免费注册</h3>
            <p>营业执照</p>
            <p>备案</p>
            <p>开立公司基本户</p>
        </div>
        <div class="timeline-box">
            <div class="header"><img src="img/1.jpg"></div>
            <h3>免费注册</h3>
            <p>营业执照</p>
            <p>备案</p>
            <p>开立公司基本户</p>
        </div>   
        <div class="timeline-box">
            <div class="header"><img src="img/1.jpg"></div>
            <h3>免费注册</h3>
            <p>营业执照</p>
            <p>备案</p>
            <p>开立公司基本户</p>
        </div>
        <div class="timeline-box">
            <div class="header"><img src="img/1.jpg"></div>
            <h3>免费注册</h3>
            <p>营业执照</p>
            <p>备案</p>
            <p>开立公司基本户</p>
        </div>
        <div class="timeline-box">
            <div class="header"><img src="img/1.jpg"></div>
            <h3>免费注册</h3>
            <p>营业执照</p>
            <p>备案</p>
            <p>开立公司基本户</p>
        </div>  
        <div class="timeline-box">
            <div class="header"><img src="img/1.jpg"></div>
            <h3>免费注册</h3>
            <p>营业执照</p>
            <p>备案</p>
            <p>开立公司基本户</p>
        </div>    
        <div class="timeline-box">
            <div class="header"><img src="img/1.jpg"></div>
            <h3>免费注册</h3>
            <p>营业执照</p>
            <p>备案</p>
            <p>开立公司基本户</p>
        </div>     
        <div class="timeline_div">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>

建议适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。