1.写上对应的元素;
<div id="rebox">
<ul id="comment1">
<li>第一条</li>
<li>第二条</li>
<li>第三条</li>
<li>第四条</li>
<li>第五条</li>
<li>第六条</li>
</ul>
<ul id="comment2"></ul>
</div>
以及样式:
<style>
* {
margin: 0;
padding: 0;
}
div {
width: 100px;
height: 63px;
/* 必须 */
overflow: hidden;
/* 必须 */
margin: 50px auto;
border: 1px solid red;
text-align: center;
}
ul {
list-style: none;
}
</style>
2.js代码控制它的向上轮播,鼠标滑入立即停止,鼠标移除,立即轮播,代码如下:
<script>
window.onload = roll(50);
function roll(t) {
var ul1 = document.getElementById("comment1");