jquery单行文字向上滚动效果示例【jquery】

web前端|js教程

jquery,单行文字,向上滚动

web前端-js教程

icloud 页面动画源码,ubuntu 删除桌面软件,不小心关了tomcat日志,前端爬虫post,php传参修改txt内容,seo常用技能lzw

看看间断滚动文字

央视315曝光: 华润深陷“海砂门”回应澄而未清

吉野家被曝餐具不消毒 波司登等羊绒衫不含羊绒

无锡警方公布“待产女警突发不幸”事发经过

中国人一天：最后的轮渡 视界：在家“搞定”

ftp网站源码,vsCode如何连接虚拟机,ubuntu查看进行,tomcat内存怎么加大,521 防止爬虫,清远php招聘,济南seo推广要多少钱,dede 更新网站地图lzw

.infolist{width:400px;matgin:0;}

.infolist ul{margin:0;padding:0;}

.infolist ul li{list-style:none;height:26px;line-height:26px;}

.infocontent{width:400px;height:26px;overflow:hidden;border:1px solid #666666;}

var interval=1000;//两次滚动之间的时间间隔

var stepsize=26;//滚动一次的长度，必须是行高的倍数,这样滚动的时候才不会断行

var objInterval=null;

js 数字计算源码,ubuntu软件在哪下,济南哪里有爬虫,php wxpy,金牛数据seolzw

$(document).ready( function(){

//用上部的内容填充下部

$("#bottom").html($("#top").html());

//给显示的区域绑定鼠标事件

$("#content").bind("mouseover",function(){StopScroll();});

$("#content").bind("mouseout",function(){StartScroll();});

//启动定时器

StartScroll();

});

//启动定时器，开始滚动

function StartScroll(){

objInterval=setInterval("verticalloop()",interval);

}

//清除定时器，停止滚动

function StopScroll(){

window.clearInterval(objInterval);

}

//控制滚动

function verticalloop(){

//判断是否上部内容全部移出显示区域

//如果是，从新开始;否则，继续向上移动

if($("#content").scrollTop()>=$("#top").outerHeight()){

$("#content").scrollTop($("#content").scrollTop()-$("#top").outerHeight());

}

//使用jquery创建滚动时的动画效果

$("#content").animate(

{"scrollTop" : $("#content").scrollTop()+stepsize +"px"},600,function(){

//这里用于显示滚动区域的scrollTop，实际应用中请删除

// $("#foot").html("scrollTop:"+$("#content").scrollTop());

});

}