JS中文字横向滚动

最新推荐文章于 2024-08-09 14:40:54 发布

何麒

最新推荐文章于 2024-08-09 14:40:54 发布

阅读量1k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
.scroll_div {width:840px;height:30px; margin:0 auto;overflow: hidden; white-space: nowrap;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}/* 设置ul和li横排 */
</style>

<script language="javascript">
function ScrollImgLeft(){
var speed=30
var scroll_begin = document.getElementById("scroll_begin");
var scroll_end = document.getElementById("scroll_end");
var scroll_div = document.getElementById("scroll_div");
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee(){
if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
scroll_div.scrollLeft-=scroll_begin.offsetWidth
else
scroll_div.scrollLeft++
}
var MyMar=setInterval(Marquee,speed)
scroll_div.οnmοuseοver=function() {clearInterval(MyMar)}
scroll_div.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
}
</script>
</head>
<body οnlοad="ScrollImgLeft()">
<div id="scroll_div" class="scroll_div">
<div id="scroll_begin">
MAYA模型师MAYA动画师MAYA绑定师MAYA材质灯光师MAYA布料师MAYA特效师Nuke合成师Camera TD 跟踪师3D艺术家VFX coordinator 项目协调人中高级Roto artist角色原画场景原画美术设计网页制作(前端制作)网站平面设计UI设计师3D动作系统策划客户端界面剧情策划3D美术设计师3D动画设计师特效设计师客户端逻辑程序员建筑动画渲染建筑动画模型建筑动画场景师多媒体制作影视后期特效效果图模型/渲染/后期平面设计师平面设计师助理市场专员
</div>
<div id="scroll_end"></div>
</div>
</body>
</html>