<marquee behavior=scroll direction=up width=170 height=150 scrollamount=2 scrolldelay=100 onMouseOver='this.stop()' onMouseOut='this.start()'>
<table>
<tr><td>show1</td></tr>
<tr><td>show2</td></tr>
<tr><td>show3</td></tr>
<tr><td>show4</td></tr>
</table>
</marquee>
<table>
<tr><td>show1</td></tr>
<tr><td>show2</td></tr>
<tr><td>show3</td></tr>
<tr><td>show4</td></tr>
</table>
</marquee>
var marqueewidth=150
var marqueeheight=100
var speed=2
var marqueecontents=''
marqueecontents=marqueecontents+'<tr><td>show1</td></tr><br>'
marqueecontents=marqueecontents+'<tr><td>show2</td></tr><br>'
marqueecontents=marqueecontents+'<tr><td>show3</td></tr><br>'
marqueecontents=marqueecontents+'<tr><td>show4</td></tr><br>'
if (document.all)
document.write('<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
</script>需要的地方自己修改
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 滚动表格 </title><script language="JavaScript">
function scrollTable() {
for (var i = table1.rows.length -1 ; i >= 0; i--) {
changeRow(table1, 0, i);
}
timer1 = window.setTimeout("scrollTable()", 500);
}
//指定表单的两行互换
function changeRow(oTable,nRowIndex1,nRowIndex2){
oTable.rows[nRowIndex1].swapNode(oTable.rows[nRowIndex2]);
}
var timer1 = window.setTimeout("scrollTable()", 500);
</script></head><body>
<table id="table1" border="1">
<tr><td bgcolor="#00FF66">show1</td></tr>
<tr><td bgcolor="#66CCCC">show2</td></tr>
<tr><td bgcolor="#6633CC">show3</td></tr>
<tr><td bgcolor="#66FFCC">show4</td></tr>
</table>
</body>
</html>
<tr>
<td width="8"> </td>
<td width="110">
<div id="marquees">
<!-- 这些是字幕的内容,你可以任意定义 -->
1111111111111111111111111111111111111<br>
<br>
2222222222222222222222222222222222222<br>
<br>
3333333333333333333333333333333333333<br>
<br>
4444444444444444444444444444444444444<br>
<br>
<!-- 字幕内容结束 -->
</div>
</td>
</tr>
</table></div>
<!-- 以下是javascript代码 -->
<script language="javascript">
<!--
marqueesHeight=180; //内容区高度
marqueesWidth=130;
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
//这句表内容区不自动换行noWrap=true; 由于我要控制宽度,所以必须要换行,所以我把这句话和下句话注销了
//于是我们可以将它的宽度设为0,因为它会被撑大style.width=0;
style.height=marqueesHeight;
style.overflowY="hidden"; //滚动条不可见
onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动
onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动
}
//这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的内容的“两倍”复制回原内容区:
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时,调用"scrollUp()"函数驱动滚动条:
setInterval("scrollUp()",200);
}
document.body.onload=init;
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
//如果滚动条不动了,则向上滚动到和当前画面一样的位置
//当然不仅如此,同样还要向下滚动一个像素(+1):
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->
</script>
<tr>
<td width="8"> </td>
<td width="110">
<div id="marquees">
<!-- 这些是字幕的内容,你可以任意定义 -->
1111111111111111111111111111111111111<br>
<br>
2222222222222222222222222222222222222<br>
<br>
3333333333333333333333333333333333333<br>
<br>
4444444444444444444444444444444444444<br>
<br>
<!-- 字幕内容结束 -->
</div>
</td>
</tr>
</table></div>
<!-- 以下是javascript代码 -->
<script language="javascript">
<!--
marqueesHeight=180; //内容区高度
marqueesWidth=130;
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
//这句表内容区不自动换行noWrap=true; 由于我要控制宽度,所以必须要换行,所以我把这句话和下句话注销了
//于是我们可以将它的宽度设为0,因为它会被撑大style.width=0;
style.height=marqueesHeight;
style.overflowY="hidden"; //滚动条不可见
onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动
onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动
}
//这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的内容的“两倍”复制回原内容区:
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时,调用"scrollUp()"函数驱动滚动条:
setInterval("scrollUp()",200);
}
document.body.onload=init;
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
//如果滚动条不动了,则向上滚动到和当前画面一样的位置
//当然不仅如此,同样还要向下滚动一个像素(+1):
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->
</script>
谢谢大家
问题及解决了
可是论坛结不了贴 等能结马上给分