js实现文字滚动效果_

《js实现文字滚动效果_》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、js实现文字滚动效果_首先先看一下大致效果图，由于是动态的，在页面无法显示出来。具体的实现代码如下：1.首先是css代码：styletype="text/css"body,ul,li,a,p,div{padding:0px;margin:0px;font-size:14px;}ul,li{list-style:none;}a{text-decoration:none;color:#333;}#demo{overflow:hidden;/*溢出的部分不显示*/width:290px;height:228px;/*肯定要准确，避开demo1与demo2之间的距离过大*/padding:5px

2、;margin:50pxauto;}#expressli{list-style:none;font-size:14px;height:25px;js实现文字滚动效果_首先先看一下大致效果图，由于是动态的，在页面无法显示出来。具体的实现代码如下：1.首先是css代码：styletype="text/css"body,ul,li,a,p,div{padding:0px;margin:0px;font-size:14px;}ul,li{list-style:none;}a{text-decoration:none;color:#333;}#demo{overflow:hidden;/*溢出的部

3、分不显示*/width:290px;height:228px;/*肯定要准确，避开demo1与demo2之间的距离过大*/padding:5px;margin:50pxauto;}#expressli{list-style:none;font-size:14px;height:25px;margin:0px5px;line-height:180%;/*行与行之间的距离*/letter-spacing:2px;/*字与字之间的距离*/border-bottom:1pxdashed#ccc;cursor:pointer;}/style2.内容代码如下：divid="demo"divid="d

4、emo1"ulid="express"liahref="#"召开背街小巷综合整治工作调度会/a/liliahref="#"平原街道加大出店经营整治/a/liliahref="#"平原街道召开计生业务培训会/a/li　　　　　　　liahref="#"平原街道：干部进村入户宣扬促征迁/a/li　　　　　　　liahref="#"平原街道：为返乡群众免费孕检/a/liliahref="#"平原街道：狠抓春运道路交通平安/a/li/ul/divdivid="demo2"/div/div3.最终是最关键的js代码：scripttype="text/javascript"//猎取id=demo,i

5、d=demo1,id=demo2的元素对象，并把id=demo1的内容赋值给id=demo2vardemo=document.getElementById("demo");vardemo1=document.getElementById("demo1");vardemo2=document.getElementById("demo2");demo2.innerHTML=demo1.innerHTML;//给demo1,demo2加相同的高度demo1.style.height=demo.offsetHeight+"px";demo2.style.height=demo.offsetHei

6、ght+"px";//定时器，每隔50毫秒调用一次scrollup()函数，来实现文字的滚动vartimer=window.setInterval("scrollup()",50);//定义函数functionscrollup(){//假如demo滚上去的高度大于demo的高度，重新给demo赋值从0再开头滑动if(demo.scrollTop=demo.offsetHeight){demo.scrollTop=0;}else{demo.scrollTop++;}}//鼠标放上停止滚动，鼠标离开连续滚动demo.onmouseover=function(){//清除定时器clearInt

7、erval(timer);}demo.onmouseout=function(){//添加定时器timer=window.setInterval("scrollup()",50);}/script以上就是本文的全部内容，盼望对大家学习javascript程序设计有所关心。...