这是看到 毕业设计之滚动新闻列表 特此发帖留念下~~
jquery.vticker-min.js 官方下载地址
http://plugins.jquery.com/node/9690/release
这个是页面原码
代码
<style>
.news-container
{
height:270px;
background:#222222;
margin-top:5px;
margin-bottom:5px;
}
.news-container ul li a
{
padding-bottom:0px;
font-size:12px;
height:12px;
color:white;
}
</style>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.vticker-min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
//滚动新闻条
$('.news-container').vTicker({
speed: 500,
pause: 3000,
showItems: 3,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});
});
</script>
<div class="news-container" style=" 260px; margin: auto;">
<ul>
<li style="height:40px"><a href="#">这是新闻标题1</a><br /></li>
<li style="height:40px"><a href="#">新闻2</a><br /></li>
<li style="height:40px"><a href="#">新闻3</a><br /></li>
<li style="height:40px"><a href="#">新闻4</a><br /></li>
<li style="height:40px"><a href="#">新闻5</a><br /></li>
</ul>
</div>
代码下载: