CSS3首字母索引侧边栏特效代码下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

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

3. HTML代码

<div class="sticky-slide">
  <dl>
    <dt>A</dt>
    <dd>Aceyalone</dd>
    <dd>Aesop Rock</dd>
    <dd>Angel Haze</dd>
    <dd>Atmosphere</dd>
  </dl>
  <dl>
    <dt>B</dt>
    <dd>Babbletron</dd>
    <dd>Bike For Three</dd>
    <dd>Binary Star</dd>
    <dd>Blackalicious</dd>
    <dd>Black Sheep</dd>
    <dd>Blueprint</dd>
    <dd>Blue Scholars</dd>
  </dl>
  <dl>
    <dt>C</dt>
    <dd>Cecil Otter</dd>
    <dd>Chali 2na</dd>
    <dd>Chance The Rapper</dd>
    <dd>Common Market</dd>
    <dd>Cool Calm Pete</dd>
    <dd>Czarface</dd>
  </dl>
  <dl>
    <dt>D</dt>
    <dd>Danger Doom</dd>
    <dd>Darc Mind</dd>
    <dd>Dem Atlas</dd>
    <dd>Dessa</dd>
  </dl>
</div>
<div style="text-align:center;margin:-50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>