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

最新推荐文章于 2018-11-16 21:34:10 发布

weixin_33743248

最新推荐文章于 2018-11-16 21:34:10 发布

阅读量351

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/mickelfeng/blog/90977

版权

2019独角兽企业重金招聘Python工程师标准>>>

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

jquery.vticker-min.js 官方下载地址

http://plugins.jquery.com/node/9690/release

http://archive.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>

代码下载：
http://files.cnblogs.com/pengpengsay/scrollNews.rar

转载于:https://my.oschina.net/mickelfeng/blog/90977