各位 路过的大神们,帮我看一下,'文字行向上间歇滚动 ,鼠标悬停停止滚动'的效果,万分感谢!
第8个http://www.superslide2.com/demo.html
<html>
<body>
<style>
ui,li {
list-style: none;
}
#scoreNews{
height: 76px;
overflow: hidden;
}
</style>
<div id="scoreNews">
<ul>
<li><a href="#" title="我">我</a></li>
<li><a href="#" title="要">要</a></li>
<li><a href="#" title="成">成</a></li>
<li><a href="#" title="大">大</a></li>
<li><a href="#" title="神">神</a></li>
<li><a href="#" title="啦">啦</a></li>
<li><a href="#" title="啦">啦啦</a></li>
</ul>
</div>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(function() {
var $this = $("#scoreNews");
var scrollTimer;
$('ul').hover(function() {
clearInterval(scrollTimer);
}, function() {
scrollTimer = setInterval(function() {
scrollNews($this);
}, 2000);
}).trigger("mouseleave");
function scrollNews(obj) {
var $self = obj.find("ul");
var lineHeight = $self.find("li:first").height();
$self.animate({
"marginTop": -lineHeight + "px"
}, 500, function() {
$self.css({
marginTop: 0
}).find("li:first").appendTo($self);
})
}
})
</script>
</body>
</html>