用HTML如何实现文字滚动？_随笔

\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a

滚动文字\x0d\x0a

滚动文字\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0amarquee 参数：\x0d\x0aBGColor：滚动文本框的背景颜色。\x0d\x0aDirection：滚动方向设置，可选择Left、Right、up和down。\x0d\x0ascrolldelay：每轮滚动之间的延迟时间，越大越慢。\x0d\x0ascrollamount：一次滚动总的时间量，数字越小滚动越慢。\x0d\x0aBehaviour：滚动的方式设置，三种取值：Scroll（循环滚动） lide（单次滚动）、Alternate（来回滚动）。\x0d\x0aAlign：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。\x0d\x0aWidth：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。\x0d\x0aHeight：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。\x0d\x0aloop：滚动次数。默认为infinite\x0d\x0ahspace、vspace：前后、上下的空行。

回答于 2022-11-16

html图片循环滚动无缝隙代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

/*gundongtupian*/

#demo0 {

width:712px

height:134px

overflow:hidden

margin:auto

}

#demo0 img {

float:left

margin-left:10px

border:3px #ffffff solid

}

#indemo0 {

float: left

width: 800%

}

#demo10 {

float: left

}

#demo20 {

float: left

}

</style>

</head><body>

</div>

</div>

<!--

var speed0=40//数字越大速度越慢

var tabb=document.getElementById("demo0")

var tabb1=document.getElementById("demo10")

var tabb2=document.getElementById("demo20")

tabb2.innerHTML=tabb1.innerHTML+tabb1.innerHTML

function Marquee2(){

if(tabb2.offsetWidth-tabb.scrollLeft<=0)

tabb.scrollLeft-=tabb1.offsetWidth

else{

tabb.scrollLeft++

}

var MyMar2=setInterval(Marquee2,speed0)

tabb.onmouseover=function(){clearInterval(MyMar2)}

tabb.onmouseout=function(){MyMar2=setInterval(Marquee2,speed0)}

-->

</script>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7284899.html

用HTML如何实现文字滚动？

发表评论

评论列表（0条）