很帅的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
---------------------------------------------
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
https://pengchenggang.gitee.io/navigator/
SMART原则:
目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
https://pengchenggang.gitee.io/navigator/
SMART原则:
目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)