jQuery单行上滚动效果的实现代码
查看不连续滚动文本
央视曝光:315华润深沙门不清楚明确的回应
消毒餐具不追溯吉野家波司登没有羊绒羊绒衫
无锡警察宣布他们的悲痛在突然的女警之后发布。
中国人有一天:最后的渡船观:在家工作
。infolist {宽度:400px;matgin:0;}
。infolist UL { margin: 0;padding: 0;}
。infolist ul {列表样式:无;身高:26px;线高度:26px;}
。infocontent {宽度:400px;身高:26px;溢出:隐藏;边框1px solid # 666666;}
var间隔= 1000;滚动之间的两个时间间隔
VaR步长= 26; / /滚动的长度必须是多线高,所以滚动的时间不会打破
无功objinterval = null;
$(文档)Ready(函数(){)
上下部分的内容填充
$(#底).html($(#顶)。Html());
显示区域绑定/鼠标事件
$(#内容),Bind(鼠标悬停
$(#内容),Bind(mouseout
启动计时器
startscroll();
});
启动计时器,开始滚动
功能startscroll(){
objinterval = setInterval(verticalloop()
}
清除定时器,停止滚动
功能stopscroll(){
window.clearinterval(objinterval);
}
滚动控制
功能verticalloop(){
以确定所有超出显示区域的内容。
如果启动,则继续向上移动;
如果($(#内容)(。scrollTop)> = $(#顶)(。网页)){
$(#内容)。ScrollTop($(#内容)(。scrollTop)$(#顶)(。网页));
}
当使用jQuery滚动创建动画时
$(#内容(Animate)。
{scrollTop :$(#内容)。ScrollTop()+步长+PX},600,(){()函数
这是用来显示滚动区 / / scrollTop,请删除实际应用
/ / $(#脚)。Html(scrollTop:+ $(#内容)(。scrollTop));
});
}