比如你的$c.name+i字符串作为这个变量
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>TEST</title>
<style>
h1{
margin: 0
}
body{
margin: 0
height: 100%
background-color: #f3f3f3
}
.header {
padding: 15px 0
background-color: #fff
border-bottom: 1px solid #ccc
text-align: center
width: 100%
}
.fiexd .header{
position: fixed
top: 0
}
.fiexd ul{
margin-top: 84px
}
</style>
</head>
<body>
<ul>
<li>
<h2>列表 1</h2>
</li>
<li>
<h2>列表 2</h2>
</li>
<li>
<h2>列表 3</h2>
</li>
<li>
<h2>列表 4</h2>
</li>
<li>
<h2>列表 5</h2>
</li>
<li>
<h2>列表 6</h2>
</li>
<li>
<h2>列表 7</h2>
</li>
<li>
<h2>列表 8</h2>
</li>
</ul>
<div class="header"><h1>我是一个标题</h1></div>
<ul>
<li>
<h2>列表 1</h2>
</li>
<li>
<h2>列表 2</h2>
</li>
<li>
<h2>列表 3</h2>
</li>
<li>
<h2>列表 4</h2>
</li>
<li>
<h2>列表 5</h2>
</li>
<li>
<h2>列表 6</h2>
</li>
<li>
<h2>列表 7</h2>
</li>
<li>
<h2>列表 8</h2>
</li>
<li>
<h2>列表 9</h2>
</li>
<li>
<h2>列表 10</h2>
</li>
<li>
<h2>列表 11</h2>
</li>
<li>
<h2>列表 12</h2>
</li>
<li>
<h2>列表 13</h2>
</li>
<li>
<h2>列表 14</h2>
</li>
<li>
<h2>列表 15</h2>
</li>
</ul>
<script>
var header = document.getElementsByClassName('header')[0]
var body = document.body
window.onscroll = function () {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
console.log(scrollTop)
if(scrollTop > 100) {
body.className = 'fiexd'
} else {
body.className = ''
}
}
</script>
</body>
</html>
1.基本语法<marquee>滚动文字 </marquee>
2.文字移动属性的设置
（1）滚动方向属性direction
可以设定文字滚动的方向，分别为向左（left）、向右（right）、向上（up）、向下（down），使滚动的文字具有更多的变化。
基本语法：
<marquee direction="value">滚动文字</marquee>
（2）滚动方式属性behavior
通过这个属性能够设定不同方式的滚动文字效果。如滚动的循环往复、交替滚动、单次滚动等。
基本语法：
<marquee behavior="value">滚动文字</marquee>
（3）滚动循环属性loop
通过这个属性能够让文字滚动循环进行。
基本语法：
<marquee loop="次数">滚动文字</marquee>
（4）滚动速度属性scrollamout
通过这个属性能够调整文字滚动的速度。
基本语法：
<marquee scrollamount="value">滚动文字</marquee>
（5）滚动延迟属性scrolldelay
通过这个属性，可以在每一次滚动的间隔产生一段时间的延迟。
基本语法：
<marquee scrolldelay="value">滚动文字</marquee>
3.外观(Layout)设置
（1）滚动文字对齐方式align
基本语法：
<marquee align="对齐方式">滚动文字</marquee>
对方方式=top、middle、bottom，对齐上沿、中间、下沿。
（2）滚动背景颜色属性bgcolor
在滚动文字的后面，可以添加背景颜色。
基本语法：
<marquee bgcolor="color_value">滚动文字</marquee>
