當前位置:首頁 » 表格製作 » 怎樣讓文字滾動js代碼
擴展閱讀
審核內容太多怎樣應對 2025-06-21 09:18:32
九州網站可以看電影嗎 2025-06-21 09:18:26
可以免費看vip的軟體 2025-06-21 09:16:05

怎樣讓文字滾動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>再調用即可!