本文实例为大家分享了javascript实现文字无缝滚动的全部代码，供大家参考，具体内容如下
效果图：
实现代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<style>
*{margin:0;padding:0;}
.div{margin:100px auto 0;width:350px;height:168px; background:#fff;border:5px solid #ccc; border-radius:5px; overflow:hidden;padding:5px; cursor: pointer;}
.div ul li{list-style:none;height:24px; line-height: 24px; text-overflow:ellipsis; font-size: 12px; white-space:nowrap; overflow: hidden;}
</style>
</head>
<body>
<div id="div">
<ul>
<li>1、分看见地上放声大哭了范上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了德萨</li>
<li>2、分看见地上放声大哭了范上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了德</li>
<li>3、分看见地声大哭了上放声大哭了上放声大哭了上放声大哭了范德</li>
<li>4、分看见地上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了范德</li>
<li>5、分看见地上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了上放声大哭了范德</li>
<li>6、分看见地上放声大哭了范声大哭了上放声大哭了</li>
<li>7、分看见地上放声大哭了上放声大哭了上放声大哭了范上放声大哭了上放声大哭了德</li>
<li>8、分看见地上放声大哭了上放声大哭了上放声大哭了上放声大哭了范德</li>
</ul>
</div>
<script type="text/javascript">
var area = document.getElementById('div');
var iliHeight = 24;//单行滚动的高度
var speed = 50;//滚动的速度
var time;
var delay= 1000;
area.scrollTop=0;
area.innerHTML+=area.innerHTML;//克隆一份一样的内容
function startScroll()
{
time=setInterval("scrollUp()",speed);
area.scrollTop++;
}
function scrollUp()
{
if(area.scrollTop % iliHeight==0)
{
clearInterval(time);
setTimeout(startScroll,delay);
}else{
area.scrollTop++;
if(area.scrollTop >= area.scrollHeight/2){
area.scrollTop =0;
}
}
}
setTimeout(startScroll,delay)
</script>
</body>
</html>
以上就是本文的全部内容，希望对大家javascript程序设计有所帮助。
- 2025赣州市中小学幼儿园期末考试时间及寒假时间
- 甘南州2025年寒假时间及开学时间
- 渭南高新区2025中小学幼儿园放寒假时间
- 嘉兴中小学2025年寒假放假时间
- 2025济宁中小学寒假放假时间
- 清华女硕士2次入伍
- 2025安徽淮北中小学寒假时间
- 石家庄市2025年中小学寒假时间
- 河北省多地2025中小学寒假时间
- 南阳市2025年中小学幼儿园寒假放假时间
- 2025年濮阳市中小学寒假起止时间
- 广东公示第三批中小学劳动教育特色学校
- 2024年职业教育专业目录增补清单
- 2025年全国计算机等级考试报名时间及报名入口
- 2025年10省市3月全国计算机等级考试报名时间
- 25年全国部分省份3月计算机报名时间
- 2025年河南省选调生报名时间及截止时间
- 2025年天水市中小学寒假放假时间+开学时间
- 2025年华南农业大学寒假放假时间
- 2025年四川广元市寒假放假时间
- 2025四川雅安寒假放假时间安排
- 2025四川眉山市寒假放假时间
- 2025金昌市中小学寒假时间+开学时间
- 邵阳市2025年寒假放假时间安排
- 2025年全国各地中小学、高中寒假时间
- smoked meat
- smoked salmon
- smoke-filled room
- smoke-filled-room
- smoke-free
- smoke-free
- smoke-free environment
- smoke-free law
- smoke hole
- smoke hole
- 佩
- 佩仰
- 佩剑
- 佩带
- 佩慰
- 佩戴
- 佩服
- 佩章
- 佩绶
- 佫
- 2017年云浮市初/中级专业技术资格评审结果公示
- 2017秋安徽繁昌县认定中小学、幼儿园教师资格证书领取公告
- 2017年度泰州市兴化市初级专业技术资格评审委员会评审认定结果公示
- 关于公布2017年无锡市中小学、幼儿园二级教师专业技术资格评审结果的通知
- 关于发放2017年度盐城市全国监理工程师资格考试合格证书的通知
- 2017年镇江市机关事业单位工勤技能岗位技术等级考核证书开始发放通知
- 2018年护士执业资格考试河源考点报名工作安排通知
- 公布2017年苏州市建设、机械、电子信息、化工工程高级专业技术资格评审委员会评审结果的通知
- 公布2017年江苏省会计专业正高级专业技术资格评审委员会评审结果的通知
- 公布2017年南京市中小学、幼儿园教师高级专业技术资格评审委员会评审结果的通知