没明白,是要这样吗?
<table width="499" border="1" cellpadding="0" cellspacing="0" bordercolor="#CC6600">
<tr>
<td width="495">
<div id=demo style=overflow:hidden;height:70;width:400>
<div id=demo1>
<a href='' target='_blank'>这是滚动第1行</a><br>
这是滚动第2行<br>
这是滚动第3行<br>
这是滚动第4行<br>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td>
</tr>
</table>
<table width="499" border="1" cellpadding="0" cellspacing="0" bordercolor="#CC6600">
<tr>
<td width="495">
<div id=demo style=overflow:hidden;height:70;width:400>
<div id=demo1>
<a href='' target='_blank'>这是滚动第1行</a><br>
这是滚动第2行<br>
这是滚动第3行<br>
这是滚动第4行<br>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td>
</tr>
</table>
解决方案 »
- 连个结果都是undefinde,为什么返回false?
- javascript 动态添加行问题! 急 在线等
- JS中的二维数组怎么判断大小?
- 通过JavaScript自动生成页面元素设置样式问题?
- 怎样在调用JS函数时传递控件ID?
- 判断只能输入12~15的数字
- 发布几个自己瞎搞的类似J2ME游戏设计的js类
- 很有难度的问题,请众高手帮一下忙.
- 如何判断一个字符串是否是数值(等价于vb中的isnumeric(SomeString)?)
- 想問一下 關於wookmark瀑布流問題+怎麼實現很多相簿中圖片抓最小邊置中問題
- 请教用javascript写的时间控件
- 各位GGJJ,小弟想问一下,在web页面上,怎么将鼠标的右键屏蔽掉????
<SCRIPT language=JavaScript>
var scrollerwidth=750;//滚动宽度
var scrollerheight=590; //滚动内容高度
var scrollerbgcolor='#FFFFFF'; //背景颜色
var linecolor='#A2A2A2'; //线条颜色
var pausetime=3000; //停留时间,毫秒
var scrollspeed=100; //滚动速度,数值越小速度越快,毫秒
var pagecount; //总页数
var slideimages=new Array()
var writepage; //请勿修改该参数
var pagesize; //每页显示的信息条数
//定义表格头
var tabletitle='<table width="100%" border="0" cellpadding="1" cellspacing="1" bgcolor="'+linecolor+'">' + '<tr bgcolor="#CCCCCC"><td width="12%"> <div align="center">更新日期</div></td> <td width="30%" height="25"><div align="center">职位名称</div></td><td width="42%"> <div align="center">单位名称</div></td><td width="8%"> <div align="center">性别</div></td><td width="8%"> <div align="center">学历</div></td></tr>';writepage=1;
pagesize=7; //请在此修改每页显示信息条数
//以下内容请不要随意修改
slideimages[0]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>asdf</td><td>深圳市</td><td>女</td><td>本科</td></tr>';
slideimages[1]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>秘书vbbba</td><td>深圳市有限公司</td><td>女</td><td>本科</td></tr>';
slideimages[2]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>测试</td><td>深圳市有限公司</td><td>不限</td><td>高中</td></tr>';
slideimages[3]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>薪酬绩效经理\/副经理</td><td>TCL汤姆逊电子有限公司</td><td>不限</td><td>本科</td></tr>';
slideimages[4]='<tr bgcolor=#FFFFFF><td>2005-03-16</td><td>45t45ttttretrt</td><td>深圳市工程有限公司</td><td>不限</td><td>本科</td></tr>';
slideimages[5]='<tr bgcolor=#FFFFFF><td>2005-03-16</td><td>管理员</td><td>深圳市有限公司</td><td>不限</td><td>初中</td></tr>';slideimages[6]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>asdf</td><td>深圳市</td><td>女</td><td>本科</td></tr>';
slideimages[7]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>秘书vbbba</td><td>深圳市有限公司</td><td>女</td><td>本科</td></tr>';
slideimages[8]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>测试</td><td>深圳市有限公司</td><td>不限</td><td>高中</td></tr>';
slideimages[9]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>薪酬绩效经理\/副经理</td><td>TCL汤姆逊电子有限公司</td><td>不限</td><td>本科</td></tr>';
slideimages[10]='<tr bgcolor=#FFFFFF><td>2005-03-16</td><td>45t45ttttretrt</td><td>深圳市工程有限公司</td><td>不限</td><td>本科</td></tr>';
slideimages[11]='<tr bgcolor=#FFFFFF><td>2005-03-16</td><td>管理员</td><td>深圳市有限公司</td><td>不限</td><td>初中</td></tr>';function setPageCount()
{
if (slideimages.length<=pagesize)
pagecount=1;
else
{
if (slideimages.length%pagesize==0)
pagecount=slideimages.length/pagesize;
else
pagecount=parseInt(slideimages.length/pagesize)+1;
}
}
setPageCount();
//以下两个函数为非IE情况控制,未测试
function moveFirst_Not_IE(whichlayer)
{
tlayer=eval(whichlayer);
if (tlayer.top>0&&tlayer.top<=4)
{
tlayer.top=0;
setTimeout("moveFirst_Not_IE(tlayer)",pausetime);
setTimeout("moveSecond_Not_IE(document.main.document.second)",pausetime);
return;
}
if (tlayer.top>=tlayer.document.height*-1)
{
tlayer.top-=4;
setTimeout("moveFirst_Not_IE(tlayer)",scrollspeed);
}
else
{
tlayer.top=scrollerheight;
tlayer.innerHTML='';
var divhtml=tabletitle;
for (var m=pagesize*(writepage-1);m<pagesize*writepage;m++)
{
if (m>slideimages.length-1) break;
tlayer.document.writeln(slideimages[m]);
}
tlayer.document.close();
divhtml += '</table>';
tlayer.innerHTML=divhtml;
if (writepage==pagecount)
writepage=1;
else
writepage++;
}
}function moveSecond_Not_IE(whichlayer)
{
tlayer2=eval(whichlayer);
if (tlayer2.top>0&&tlayer2.top<=4)
{
tlayer2.top=0;
setTimeout("moveSecond_Not_IE(tlayer2)",pausetime);
setTimeout("moveFirst_Not_IE(document.main.document.first)",pausetime);
return;
}
if (tlayer2.top>=tlayer2.document.height*-1)
{
tlayer2.top-=4;
setTimeout("moveSecond_Not_IE(tlayer2)",scrollspeed);
}
else
{
tlayer2.top=scrollerheight;
tlayer2.innerHTML='';
var divhtml=tabletitle;
for (var m=pagesize*(writepage-1);m<pagesize*writepage;m++)
{
if (m>slideimages.length-1) break;
tlayer2.document.writeln(slideimages[m]);
}
tlayer2.document.close();
divhtml += '</table>';
tlayer2.innerHTML=divhtml;
if (writepage==pagecount)
writepage=1;
else
writepage++;
}
}//以下两个函数为IE情况控制
function moveFirst_IE(whichdiv)
{
tdiv=eval(whichdiv);
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=4)
{
tdiv.style.pixelTop=0;
setTimeout("moveFirst_IE(tdiv)",pausetime);
setTimeout("moveSecond_IE(second2)",pausetime);
return;
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1)
{
tdiv.style.pixelTop-=4;
setTimeout("moveFirst_IE(tdiv)",scrollspeed);
}
else
{
tdiv.style.pixelTop=scrollerheight;
tdiv.innerHTML='';
var divhtml=tabletitle;
for (var m=pagesize*(writepage-1);m<pagesize*writepage;m++)
{
if (m>slideimages.length-1) break;
divhtml+=slideimages[m];
}
divhtml += '</table>';
tdiv.innerHTML=divhtml;
if (writepage==pagecount)
writepage=1;
else
writepage++;
}
}function moveSecond_IE(whichdiv)
{
tdiv2=eval(whichdiv);
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=4)
{
tdiv2.style.pixelTop=0;
setTimeout("moveSecond_IE(tdiv2)",pausetime);
setTimeout("moveFirst_IE(first2)",pausetime);
return;
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1)
{
tdiv2.style.pixelTop-=4;
setTimeout("moveSecond_IE(second2)",scrollspeed);
}
else
{
tdiv2.style.pixelTop=scrollerheight;
tdiv2.innerHTML='';
var divhtml=tabletitle;
for (var m=pagesize*(writepage-1);m<pagesize*writepage;m++)
{
if (m>slideimages.length-1) break;
divhtml+=slideimages[m];
}
divhtml += '</table>';
tdiv2.innerHTML=divhtml;
if (writepage==pagecount)
writepage=1;
else
writepage++;
}
}
//开始调用
function startscroll()
{
if (document.all)
{
moveFirst_IE(first2);
second2.style.top=scrollerheight;
}
else if (document.layers)
{
moveFirst_Not_IE(document.main.document.first);
document.main.document.second.top=scrollerheight+5;
document.main.document.second.visibility='show';
}
}window.onload=startscroll;
document.write(slideimages[0]);if (document.layers)
document.write(slideimages[1]);if (document.layers)
document.write(slideimages[0]);if (document.all)
{
document.writeln('<center><span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">');
document.writeln('<div id="main1" style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">');
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">');
document.writeln (tabletitle);
for (var m=0;m<pagesize;m++)
{
if (m>slideimages.length-1) break;
document.write(slideimages[m]);
}
document.writeln('</table></div>');
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.writeln (tabletitle);
for (var m=pagesize;m<pagesize*2;m++)
{
if (m>slideimages.length-1) break;
document.write(slideimages[m]);
}
document.writeln('</table></div>');
document.writeln('</div>');
document.writeln('</span></center>');
}function changepagesize()
{
var v=document.all.pagesizevalue.value;
if (v!="" && v<slideimages.length)
{
pagesize=v;
setPageCount();
}
}
function changepausetime()
{
var v=document.all.pausetimevalue.value;
if (v!="")
pausetime=v;
}
function changescrollspeed()
{
var v=document.all.scrollspeedvalue.value;
if(v!="")
scrollspeed=v;
}
</SCRIPT>