本篇内容主要讲解“JavaScript怎么实现无间隙文字向上滚动效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript怎么实现无间隙文字向上滚动效果”吧!
创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、网站建设、周口网络推广、小程序开发、周口网络营销、周口企业策划、周口品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供周口建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
#rollText{font:12px;}
var textDiv = document.getElementById(“rollText”);
var textList = textDiv.getElementsByTagName(“a”);
if(textList.length > 2){
var textDat = textDiv.innerHTML;
var br = textDat.toLowerCase().indexOf(“
textDiv.innerHTML = textDat+textDat+textDat.substr(0,br);
textDiv.style.cssText = “position:absolute; top:0”;
var textDatH = textDiv.offsetHeight;MaxRoll();
}
var minTime,maxTime,divTop,newTop=0;
function MinRoll(){
newTop++;
if(newTop<=divTop+40){
textDiv.style.top = “-” + newTop + “px”;
}else{
clearInterval(minTime);
maxTime = setTimeout(MaxRoll,5000);
}
}
function MaxRoll(){
divTop = Math.abs(parseInt(textDiv.style.top));
if(divTop>=0 && divTop minTime = setInterval(MinRoll,1); }else{ textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll(); } } 到此,相信大家对“JavaScript怎么实现无间隙文字向上滚动效果”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
网站栏目:JavaScript怎么实现无间隙文字向上滚动效果
路径分享:http://njwzjz.com/article/ihhhsp.html