很帅的jquery滚动组件~~ jquery.vticker-min.js

这是看到 毕业设计之滚动新闻列表 特此发帖留念下~~

 

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="width: 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>

 

 

代码下载:

https://files.cnblogs.com/pengpengsay/scrollNews.rar

 

posted @ 2010-06-18 09:55  彭成刚  阅读(2719)  评论(0编辑  收藏  举报