特效描述:首字母 索引侧边栏。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>