PROMULGATOR
JQ剑圣
江苏省南京市- Html
- Css
- Js
* {
margin:0;
padding:0;
}
.scroll-box {
width:400px;
height:200px;
border:2px solid #000;
margin:20px auto;
overflow:hidden;
}
.scroll-box ul {
list-style:none;
width:100%;
height:100%;
}
.scroll-box ul li {
width:100%;
height:40px;
box-sizing:border-box;
line-height:40px;
text-align:center;
}
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3
立即下载
js实现消息滚动效果
代码描述：js实现消息滚动效果的示例代码
实现方法
1.用的是appendTo()这个方法。这个方法是先将标签从父标签中删除，然后拼接到某个标签后面，所以也就是替我们实现了，remove()这个方法。
2.然后就会用到定时器了。用定时器每次调用移动方法，让<ul>每次执行一个动画，改变它的margin-top值，执行完动画后，再将它的margin-top变为初始值；
3.触摸<ul>标签清除定时器，离开后，继续执行。
4
