当前位置:首页 » 表格制作 » 怎样让文字滚动js代码

怎样让文字滚动js代码

发布时间: 2022-03-14 18:19:52

1. js 实现如何文字横向滚动

用:<MARQUEE>滚动文字</MARQUEE>可以实现你要的效果,

参数
direction 表示滚动的方向,值可以是left,right,up,down,默认为left
behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)
alternate(来回滚动) loop 表示循环的次数,值是正整数,默认为无限循环
scrollamount 表示运动速度,值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
align 表示元素的水平对齐方式,值可以是left,center,right,默认为left
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。 onmouseover=this.stop() onmouseout=this.start() 表示当鼠标移上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

2. 求js文字向上滚动代码

<DIV id=demo style="OVERFLOW: hidden; HEIGHT: 154px">
<DIV id=demo1>
<ul style="font:'宋体'; font-size:12px; line-height:28px;">
<li>往上滚动停顿代码
<li>往上滚动停顿代码
<li>往上滚动停顿代码
<li>往上滚动停顿代码
</ul>
</DIV>
<DIV id=demo2></DIV></DIV>
<SCRIPT>
<!--
var speed = 15;//滚动速度
var rows = 28;//每行高度
var stim = 80; //停留时间倍数 * speed
var stop = 0; //初始化值,不管
demo2.innerHTML = demo1.innerHTML
function Marquee(){
if(demo.scrollTop%rows==0 && stop<=stim){
stop++;
return;
}
stop = 0;
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar = setInterval(Marquee,speed)
demo.onmouseover = function() {clearInterval(MyMar)}
demo.onmouseout = function() {MyMar=setInterval(Marquee,speed)}
-->
</SCRIPT>

3. js文字滚动-怎么支持一个页面有多个滚动呢

<!DOCTYPEHTML>
<html>
<head>
<title>yugi</title>
<metacharset=UTF-8/>
<styletype="text/css">
*{
margin:0;
padding:0;
}

.scrollDiv{
position:relative;
margin:auto;
height:70px;
width:50%;
overflow:hidden;
border:1pxsolidblack;
}

.scrollDivul{
position:absolute;
top:0px;
}

.scrollDivul>li{
height:24px;
}
</style>
<scripttype="text/javascript">
window.onload=function()
{
varoUl=document.getElementById('ul');
varul1=document.getElementById('ul1');
varul2=document.getElementById('ul2');
vart;
varfunny=function(oUl,isUp,sleep)
{
if(!isUp)
{
oUl.style.top="-22px";
oUl.insertBefore(oUl.children[oUl.children.length-1],oUl.children[0]);
}
clearInterval(oUl.t);
oUl.t=setInterval(function()
{
vartmp=isUp?-22:3;
varspeed=(tmp-(parseFloat(oUl.style.top)||oUl.offsetTop))/9;
if(speed>0)
{
speed=Math.ceil(speed);
}
elseif(speed<0)
{
speed=Math.floor(speed);
}
else
{
clearInterval(t);
!!isUp?oUl.style.top="3px":0;
!!isUp?oUl.appendChild(oUl.children[0]):0;
}
oUl.style.top=(parseFloat(oUl.style.top)||oUl.offsetTop)+speed+"px";
},sleep);
}
oUl.interval=setInterval(function()
{
funny(oUl,1,30);
},800);
ul1.interval=setInterval(function()
{
funny(ul1,0,50);
},800);
ul2.interval=setInterval(function()
{
funny(ul2,1,70);
},800);
}
</script>
</head>
<body>
<divclass="scrollDiv">
<ulid="ul">
<li>第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行</li>
<li>第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行</li>
<li>第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行</li>
<li>第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行</li>
<li>第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行</li>
<li>第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行</li>
</ul>
</div>
<divstyle="top:40px;"class="scrollDiv">
<ulid="ul1">
<li>第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行</li>
<li>第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行</li>
<li>第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行</li>
<li>第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行</li>
<li>第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行</li>
<li>第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行</li>
</ul>
</div>
<divstyle="top:80px;"class="scrollDiv">
<ulid="ul2">
<li>第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行</li>
<li>第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行</li>
<li>第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行</li>
<li>第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行</li>
<li>第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行</li>
<li>第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行</li>
</ul>
</div>
</body>
</html>

4. 急着需要文字左右滚动js代码

<div style="width: 200px;height:18px;overflow:hidden;" id="marq">666666666666666666</div>
<script>
var marq = document.getElementById("marq"),
vari = 1;
marq.innerHTML += marq.innerHTML;
setTimeout(function () {
marq.scrollLeft += vari;
if (marq.scrollLeft < 1) {
vari = 1;
} else if (marq.scrollLeft > 1500) {
vari = -1;
}
setTimeout(arguments.callee, 18);
}, 18);
</script>

5. 怎么运用js实现滚动字幕啊

我擦!我要沙发!

6. 文字滚动的JS

不懂

7. js滚动文字广告如何实现

你的意思就是让文字滚动吧,应该把你要滚动的div加在<marquee direction="up" scrollamount="3" height="100" hspace="2"></marquee>中

我把你代码中body中的内容修改一下:
<div class="fleft">
<div class="listscroll">
<div id="listcontent">
<marquee direction="up" scrollamount="3" height="100" hspace="2">
<div class="listpro">
<label id="msg1"></label>
</div>
</marquee>
<marquee direction="up" scrollamount="3" height="100" hspace="2">
<div class="listpro">
<label id="msg2"></label>
</div>
</marquee>
<marquee direction="up" scrollamount="3" height="100" hspace="2">
<div class="listpro">
<label id="msg3"></label>
</div>
</marquee>
</div>
</div>
</div>

应该是可以滚动了
请参考

8. 解决JS文字滚动

代码帮你改了,希望对你有帮助
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>连续滚动示例</title>
</head>

<body>
<script>
var fn = new Object();
fn.param = "要带的参数";
fn.initScrolling = function(){
alert(fn.param);
scrollingBox = document.getElementById('xst');
scrollingBox.style.overflow = "hidden";

scrollingInterval = setInterval("scrolling()",50);
scrollingBox.onmouseover = over;
scrollingBox.onmouseout = out;
}

function addEventSimple(obj,evt,fn){
if(obj.addEventListener){
obj.addEventListener(evt,fn,false);
}else if(obj.attachEvent){
obj.attachEvent('on'+evt,fn);
}
}
addEventSimple(window,'load',fn.initScrolling);
var scrollingBox;
var scrollingInterval;
var reachedBottom=false;
var bottom;

function scrolling(){
var origin = scrollingBox.scrollTop++;
if(origin == scrollingBox.scrollTop){
if(!reachedBottom){
scrollingBox.innerHTML+=scrollingBox.innerHTML;
reachedBottom=true;
bottom=origin;
}else{
scrollingBox.scrollTop=bottom;
}
}
}
function over(){
clearInterval(scrollingInterval);
}
function out(){
scrollingInterval = setInterval("scrolling()",50);
}
</script>
<div id="xst" style="width:289px;height:163px;">
<p>第一行</p>
<p>第二行</p>
<p>第三行</p>
</div>
<input type="button" value="测试" onclick="fn.initScrolling()"/>
</body>

</html>

9. javascript中使用ScrollText.js时,如何使滚动文字可以动态变化

你的意思就是让文字滚动吧,应该把你要滚动的div加在<marquee direction="up" scrollamount="3" height="100" hspace="2"></marquee>中

我把你代码中body中的内容修改一下:
<div class="fleft">
<div class="listscroll">
<div id="listcontent">
<marquee direction="up" scrollamount="3" height="100" hspace="2">
<div class="listpro">
<label id="msg1"></label>
</div>
</marquee>
<marquee direction="up" scrollamount="3" height="100" hspace="2">
<div class="listpro">
<label id="msg2"></label>
</div>
</marquee>
<marquee direction="up" scrollamount="3" height="100" hspace="2">
<div class="listpro">
<label id="msg3"></label>
</div>
</marquee>
</div>
</div>
</div>

应该是可以滚动了

10. 文字滚动js代码

放在单独的js文件中需要去掉<script></script>再调用即可!