这里直接用jquey的animate函数做的滚动效果
效果图:
<script type="text/javascript">
var lineHeight = 30;
var time = 1500;
$(function(){
activitiesScroll();
})
function activitiesScroll(){
$("ul").hover(function(){
clearInterval(automoving);
},function(){
automoving = setInterval("Moving(lineHeight)",time)
}).trigger("mouseleave");
}
function Moving(lineHeight){
$("ul li:first").animate({marginTop:"-"+lineHeight+"px"},"slow",function(){
$(this).css("margin-top","0").appendTo($(this).parent());
});
}
</script>
<style type="text/css">
*{margin:0;padding:0;}
a{text-decoration:none;color:#000;}
.scroll-text{background: -moz-linear-gradient(top, #fff, #ccc);width:300px;padding:50px;font-size:12px;}
ul{height:30px;line-height:30px;overflow:hidden;border:1px dashed #000;border-width:1px 0;}
</style>
<div class="scroll-text">
<ul>
<li><a href="http://ice-cream.iteye.com/blog/807041">ice-cream -- 上一张下一张</a></li>
<li><a href="http://ice-cream.iteye.com/blog/798083">ice-cream -- 二级菜单</a></li>
<li><a href="http://ice-cream.iteye.com/blog/798067">ice-cream -- 自动播放的jQuery幻灯片</a></li>
<li><a href="http://ice-cream.iteye.com/blog/714377">ice-cream -- IE下li内元素浮动产生边距的解决办法</a></li>
</ul>
</div>
- 大小: 6 KB
分享到:
相关推荐
JS最简单的滚动新闻,兼容IE6及其他主流浏览器,还可以调整滚动速度
ScrollNews 新闻无缝循环滚动切换特效,不错的滚动效果,压缩包内的示例包括横向和竖向两种形式的滚动,本滚动结合图片和文字,运用CSS和Javascript技术,将滚动的内容扩展至DIV标签,也就是控制某个区域的滚动,而...
很简单的htmlJQ动画新闻滚动,适合刚开始学习html的同学,非常实用。
可是实现滚动新闻效果 简单易用 比较适合初学网页设计与制作的人使用
我感觉不错的东西、、很方便很简单的软件、有需要的可以看看了、、、、、、、、、、、、、、、、、、、、、、、、、、
jquery-newsticker是一款简单实用的jQuery滚动新闻(news ticker)插件。该滚动新闻插件使用简单,可以设置新闻滚动的速度,时间,动画函数等,并且可以兼容IE8浏览器。
jQuery适合移动手机使用的响应式滚动新闻插件Responsive-Ticker是一款适合移动手机使用的响应式jQuery...该插件通过简单的设置HTML代码即可生成全屏响应式的滚动新闻效果,它可以在移动手机和桌面设备上完美的工作。
新浪滚动新闻采集程序天宇版简介 新浪新闻采集程序天宇版采用php进行开发,能自动对新浪新闻进行采集。 占用空间小,建站成本低,无需等待,马上就可以拥有海量网站数据; 免更新免维护,管理方便,操作简单,实现全...
新闻动态文字类型的动态滚动,已做成用户控件,直接可用。数据库很简单,自己建好就行。好资源不解释。
jQuery网站新闻公告自动左右滚动切换代码是一款简易实用的文字滚动特效,支持自动滚动,点击左右按钮可以控制滚动切换。
基于jQuery的一个无间隔滚动效果,代码简单,可以随意设置每次滚动的行数和停隔时间等,用于在网站首页滚动最新动态等非常实用、好看
简单实用的Flash+XML滚动新闻代码。
jQuery新闻垂直滚动展示是一款可以手动或者自动控制新闻竖向滚动展示,效果流畅,调用简单。
JS不间断向左滚动 html实例JS不间断向左滚动
Smart Marquee是一款简单实用的跑马灯式滚动新闻jQuery插件。该插件可以在水平或垂直方向上滚动一个列表中的内容,制作类似跑马灯的效果。并可以设置循环模式,鼠标移动到列表项时会暂停新闻列表的滚动。
jQuery 控制网页整屏横向、垂直滚动切换,意思是,它与Tab大体上类似,但是TAB只控制某个Division标签,这一个控制的是整个网页,点击页面询问的序号,当前网页会滚动出去,然后第二屏滚动进来,形成连贯的滚屏效果...
主要是对利用JavaScript实现新闻滚动效果的两种方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
3,竖向的View滚动可实现类似淘宝首页的效果,通过继承ViewFlipper实现,此处使用适配器控制数据实际上是复杂的做法,并实现了一个列表即可简单实现,可自行修改; 4,实现自动滚动的查看,仿中奖缓慢滚动效果 5,...
日常生活中,我们经常使用滚动的字幕来显示效长的文字,比如滚动新闻字幕,歌词等。Android系统为了用户提供了TextView的跑马灯的效果,实现起来比较简单,这方面网上资料很多,不懂的同学可以百度搜一搜。然而,...