<div class="stopbox">
<div class="stopb">
<p class="stxt"><a href="" target="_blank">7月08日 88黄金广告位竞拍上线啦~</a></p>
<p class="stxt"><a href="" target="_blank">7月09日 黄金广告位竞222拍上线啦~</a></p>
<p class="stxt"><a href="" target="_blank">7月10日 sfsdfasf</a></p>
<p class="stxt"><a href="" target="_blank">7月11日 黄金拍上线啦~</a></p>
<p class="stxt"><a href="" target="_blank">7月12日 1418594198</a></p>
</div>
</div>
<script>
function marqueeScroll(t) {
var ulbox = $(".aputsyd .stopb");
var msgTimer = setInterval(rollStart, t); // 设置定时器,参数t用在这为间隔时间(单位毫秒),参数t越小,滚动速度越快
// 鼠标移入div时暂停滚动
ulbox.mouseover(function () {
clearInterval(msgTimer);
})
// 鼠标移出div后继续滚动
ulbox.mouseout(function () {
msgTimer = setInterval(rollStart, t);
})
}
function rollStart() {
var ulbox = $(".aputsyd .stopb");
ulbox.animate({
marginTop: '-20px'
}, 600, function () {
ulbox.append(ulbox.find(".stxt").slice(0, 1).clone());//提取第一个
ulbox.find(".stxt").slice(0, 1).remove();//删除第一个
ulbox.css({
'margin-top': '0px'
})
});
}
marqueeScroll(1500)
</script>