文字滚动代码

来源:互联网 发布:最小公倍数 算法 编辑:程序博客网 时间:2024/06/06 10:02

<marquee behavior='scroll' direction='left' width='750' height='100%'scrollamount='2' scrolldelay='80' onMouseOver="this.stop()"onMouseOut="this.start()></marquee>

这个我相信大家都用过吧?用于文字或是图片的滚动的。以前做滚动一直用js,那叫个难调啊,半天也做不成,今天无意中发现这个比较强,而且好多浏览器都支持。这可比js好多了,下边我发个js的滚动:

 


      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 400px; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo1 vAlign=top><table width="800" height="30"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="100"><div align="center">1</div></td>
              <td width="100"><div align="center">2</div></td>
              <td width="100"><div align="center">3</div></td>
              <td width="100"><div align="center">4</div></td>
              <td width="100"><div align="center">5</div></td>
            
            </tr>
          </table></TD>
          <TD id=demo2 vAlign=top>&nbsp;</TD></TR></TBODY></TABLE></DIV>
<script language=JavaScript>
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}

</script>

 

这个也不错,单单是html在那个浏览器里都能用,可是放到asp.net里就over了,就IE8可以实现滚动,别的怎么着也不行。这叫个郁闷了,弄了一天。最后还是无意中发现marquee的,这个东西好用。希望大家以后做滚动时还是用marquee吧,这个东东主要用到了它自己的stop和start方法即在marquee属性里加入onMouseOver="this.stop()" onMouseOut="this.start()"这样就行了,要是在别的地方控制它就用marquee的ID.stop或start方法

 

 

原创粉丝点击