同一个区域想实现两个表格切换，求代码，或者给个网站参考！多谢
日期：2014-05-17 浏览次数：21091 次
同一个区域想实现两个表格切换，求代码，或者给个网站参考！谢谢
同一个区域想实现两个表格定时间的切换，求代码，或者给个网站参考！谢谢。
------解决方案--------------------
"同一个区域想实现两个表格切换 "是什么意思？没明白楼主的意思
------解决方案--------------------
http://www.shakya.cn
楼主应该说的是无刷新更新。
可用用Ajax异步动态加载来更新，
也可以用层隐藏技术来切换。
我给你的网址是用Ajax来更新表格内容的。
------解决方案--------------------
应该是使用层来显示隐藏两个表格吧,然后每一段时间切换
------解决方案--------------------
<body onload= "s(); ">
<script>
function s(){
if (document.getElementById( "s1 ").tBodies[0].style.display == " "){
document.getElementById( "s1 ").tBodies[0].style.display = "none ";
document.getElementById( "s1 ").tBodies[1].style.display = " ";
}else{
document.getElementById( "s1 ").tBodies[0].style.display = " ";
document.getElementById( "s1 ").tBodies[1].style.display = "none ";
}
setTimeout( "s() ", 2000);
}
</script>
<table id= "s1 " border= "1 ">
<tbody style= "display:none; ">
<tr>
<td> sfds </td>
<td> sdfsd </td>
<td> ssdsfsdfsfd </td>
</tr>
</tbody>
<tbody>
<tr>
<td> sssss </td>
<td> kkkkk </td>
<td> rrrrrrrr </td>
</tr>
</tbody>
</table>
</body>
------解决方案--------------------
定时间？刚才没看清你的要求。
何止可以定时间切换，还可以滚动。
如http://www.zsbuy.net/这里的新品上架，采用先快速向上滚动到一目标位置，然后停顿一段时间，再快速向上滚动，让下一内容到目标位置。这个你自己研究
下面给用层隐藏的技术实现的（表格隐藏）代码。在IE6.0与FireFox2.0上测试通过
<table>
<tr>
<td id= "d1 " style= "display:none; " onmouseover= "clearInterval(t) " onmouseout= "t=setInterval(run,600); "> 123456 <br /> 789456 </td>
<td id= "d2 " onmouseover= "clearInterval(t) " onmouseout= "t=setInterval(run,600); "> abcdefg <br /> hijklmn </td>
</tr>
</table>
<script type= "text/javascript ">
var d1=document.getElementById( "d1 ");
var d2=document.getElementById( "d2 ");
var s=false;
var t=setInterval(run,600);
function run(){
if(s){
d1.style.display= " ";
d2.style.display= "none ";
}
else{
d1.style.display= "none ";
d2.style.display= " ";
}
s=!s;
}
</script>
------解决方案--------------------
滑动门？
同一个区域想实现两个表格定时间的切换，求代码，或者给个网站参考！谢谢。
------解决方案--------------------
"同一个区域想实现两个表格切换 "是什么意思？没明白楼主的意思
------解决方案--------------------
http://www.shakya.cn
楼主应该说的是无刷新更新。
可用用Ajax异步动态加载来更新，
也可以用层隐藏技术来切换。
我给你的网址是用Ajax来更新表格内容的。
------解决方案--------------------
应该是使用层来显示隐藏两个表格吧,然后每一段时间切换
------解决方案--------------------
<body onload= "s(); ">
<script>
function s(){
if (document.getElementById( "s1 ").tBodies[0].style.display == " "){
document.getElementById( "s1 ").tBodies[0].style.display = "none ";
document.getElementById( "s1 ").tBodies[1].style.display = " ";
}else{
document.getElementById( "s1 ").tBodies[0].style.display = " ";
document.getElementById( "s1 ").tBodies[1].style.display = "none ";
}
setTimeout( "s() ", 2000);
}
</script>
<table id= "s1 " border= "1 ">
<tbody style= "display:none; ">
<tr>
<td> sfds </td>
<td> sdfsd </td>
<td> ssdsfsdfsfd </td>
</tr>
</tbody>
<tbody>
<tr>
<td> sssss </td>
<td> kkkkk </td>
<td> rrrrrrrr </td>
</tr>
</tbody>
</table>
</body>
------解决方案--------------------
定时间？刚才没看清你的要求。
何止可以定时间切换，还可以滚动。
如http://www.zsbuy.net/这里的新品上架，采用先快速向上滚动到一目标位置，然后停顿一段时间，再快速向上滚动，让下一内容到目标位置。这个你自己研究
下面给用层隐藏的技术实现的（表格隐藏）代码。在IE6.0与FireFox2.0上测试通过
<table>
<tr>
<td id= "d1 " style= "display:none; " onmouseover= "clearInterval(t) " onmouseout= "t=setInterval(run,600); "> 123456 <br /> 789456 </td>
<td id= "d2 " onmouseover= "clearInterval(t) " onmouseout= "t=setInterval(run,600); "> abcdefg <br /> hijklmn </td>
</tr>
</table>
<script type= "text/javascript ">
var d1=document.getElementById( "d1 ");
var d2=document.getElementById( "d2 ");
var s=false;
var t=setInterval(run,600);
function run(){
if(s){
d1.style.display= " ";
d2.style.display= "none ";
}
else{
d1.style.display= "none ";
d2.style.display= " ";
}
s=!s;
}
</script>
------解决方案--------------------
滑动门？
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
