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>
<!--滚动图开始-->