HTML中给表格添加滚动条问题_随笔

table设置overflow-x:auto,overflow-y:hidden

thead设置overflow:hidden

tbody设置overflow-y:hidden,overflow-x:hidden

还有就是你table要定宽高

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<HTML>

<HEAD>

<TITLE>图片无缝滚动效果</TITLE>

#scrollImg{overflow:hiddenwidth:630pxheight:autoborder:1px solid #000000float:left}

</STYLE>

</HEAD>

<BODY>

<TBODY>

<TR>

<TBODY>

<TR>

</TR>

</TBODY>

</TABLE>

</TD>

</TR>

</TBODY>

</TABLE>

<!--

var leftspeed = 30//滚动速度，数值越大，滚动越慢

document.getElementById("scrollImg2").innerHTML = document.getElementById("scrollImg1").innerHTML

function MarqueeLeft(){

if(document.getElementById("scrollImg2").offsetWidth-document.getElementById("scrollImg").scrollLeft<=0)

document.getElementById("scrollImg").scrollLeft-=document.getElementById("scrollImg1").offsetWidth

else{

document.getElementById("scrollImg").scrollLeft++

}}

var MyMarleft = setInterval(MarqueeLeft, leftspeed)

document.getElementById("scrollImg").onmouseover=function() {clearInterval(MyMarleft)}

document.getElementById("scrollImg").onmouseout=function() {MyMarleft=setInterval(MarqueeLeft,leftspeed)}

//-->

</SCRIPT>

</DIV>

</BODY>

</HTML>

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

HTML中给表格添加滚动条问题