HTML中,滚动代码是什么?怎么设置?

html-css010

HTML中,滚动代码是什么?怎么设置?,第1张

<marquee

scrollAmount=2

width=300>滚动字幕</marquee>

 各参数详解:

a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

 

如果只是文字滚动

<marquee>你要滚动的文字</marquee>

如果是图片带文字滚动,把下面的代码复制到你需要这个效果的地方,修改掉图片的路径,即可。

<!--滚动图开始-->

<div id="my_demo">

<div id="my_indemo">

<div id="my_demo1">

<a href="/gongsixiangce/277.html"><img src="/uploadfile/201302/18/1655566609.jpg" alt="营业执照" title="营业执照" border="0" />

<span>营业执照</span></a>

<a href="/gongsixiangce/276.html"><img src="/uploadfile/201302/26/1628166281.jpg" alt="公司相册" title="公司相册" border="0" />

<span>公司相册</span></a>

<a href="/gongsixiangce/275.html"><img src="/uploadfile/201302/26/1628377609.jpg" alt="公司相册" title="公司相册" border="0" />

<span>公司相册</span></a>

<a href="/gongsixiangce/274.html"><img src="/uploadfile/201302/26/1628466845.jpg" alt="公司相册" title="公司相册" border="0" />

<span>公司相册</span></a>

<a href="/gongsixiangce/273.html"><img src="/uploadfile/201302/26/1628566893.jpg" alt="公司相册" title="公司相册" border="0" />

<span>公司相册</span></a>

<a href="/gongsixiangce/272.html"><img src="/uploadfile/201302/26/162988469.jpg" alt="公司相册" title="公司相册" border="0" />

<span>公司相册</span></a>

<a href="/gongsixiangce/265.html"><img src="/uploadfile/201302/26/1629200329.jpg" alt="公司相册" title="公司相册" border="0" />

<span>公司相册</span></a>

<a href="/gongsixiangce/264.html"><img src="/uploadfile/201302/26/1629388877.jpg" alt="公司相册" title="公司相册" border="0" />

<span>公司相册</span></a>

</div>

<div id="my_demo2"></div>

</div>

</div>

<script>

<!--

var my_speed=20

var my_tab=document.getElementById("my_demo")

var my_tab1=document.getElementById("my_demo1")

var my_tab2=document.getElementById("my_demo2")

my_tab2.innerHTML=my_tab1.innerHTML

function my_Marquee(){

if(my_tab2.offsetWidth-my_tab.scrollLeft<=0)

my_tab.scrollLeft-=my_tab1.offsetWidth

else{

my_tab.scrollLeft++

}

}

var my_MyMar=setInterval(my_Marquee,my_speed)

my_tab.onmouseover=function() {clearInterval(my_MyMar)}

my_tab.onmouseout=function() {my_MyMar=setInterval(my_Marquee,my_speed)}

-->

</script>

<!--滚动图开始-->