下面代码中红色部分是滚动代码，我把滚动代码加入滑动门中，则产生冲突现象，

当刷新网页后刚开始是正常的 滚动代码能显示滚动 当把鼠标放在滑动门按纽上 滚动部分就消失了

效果见http://www.  

当刷新网页后刚开始是正常的 滚动代码能显示滚动 当把鼠标放在供应信息上 滚动部分就消失了


<div id="zxsj">
<table width="566" height="252" border="0" cellpadding="0" cellspacing="0">
  <tr>  
  <td width="10" height="27" background="zymh051.gif">&nbsp;</td>
  <td width="496"><ul class="TabBarLevel201" id="TabPage301">
<li id="Tab305" class="Selected"><a href="#" onfocus="this.blur()" onmouseover="javascript:switchTab301('TabPage301','Tab305');">供应信息</a></li>
<li id="Tab306"><a href="#" onfocus="this.blur()" onmouseover="javascript:switchTab301('TabPage301','Tab306');">求购信息</a></li>
</ul></td>
  <td width="60" align="center" background="zymh051.gif"><img src="zymh058.gif" width="40" height="20" border="0"></td>
  </tr>
  <tr>  
  <td height="225" colspan="3" valign="bottom"><div id="cnt301">
<div id="dTab30" class="HackBox201" style="display:block;"><table width="100%" height="225" border="0" cellpadding="0" cellspacing="0">   
  <tr>
  <td height="200">
  
  
<DiV id=demo onmouseover=ii=1 style="OVERFLOW:hidden;HEIGHT:200px"
onmouseout=ii=0><DiV id=demo1>
<%
set rs = Server.CreateObject("ADODB.Recordset")
sql = "select top 9 * from xza where color = 'ffffff' order by id desc"
rs.Open sql,conn,1,1
%>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<% do while not rs.eof %>
<tr>
<td height="25"><%= rs("name")%></td>
</tr>
<%
i = i + 1
rs.MoveNext
Loop
rs.Close()
%>
</table></DiV><DiV id=demo2></DiV>
<SCRIPT>
var ii=0;t=demo.scrollTop
demo2.innerHTML=demo1.innerHTML
function qswhMarquee(){
if (ii==1)return
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
setInterval(qswhMarquee,30)
</SCRIPT></DiV>


</td>
  </tr>
  </table></div>
<div id="dTab306" class="HackBox201">22</div>
</div></td>
  </tr>
</table>
</div>
<script language="JavaScript">
//Switch Tab Effect
function switchTab301(tabpage301,tabid){
  var oItem = document.getElementById(tabpage301);   
for(var i=0;i<oItem.children.length;i++){
var x = oItem.children(i);
x.className = "";
var y = x.getElementsByTagName('a');
y[0].style.color="#000000";
}
document.getElementById(tabid).className = "Selected";
var dvs=document.getElementById("cnt301").getElementsByTagName("div");
for (var i=0;i<dvs.length;i++){
if (dvs[i].id==('d'+tabid))
dvs[i].style.display='block';
else
  dvs[i].style.display='none';
}
}
</script>


经过反复查找 是var dvs=document.getElementById("cnt301").getElementsByTagName("div");中div名字重复了引起的 但不知如何修改 请大家帮帮忙该如何修改 谢谢了

[ 本帖最后由 abeier009 于 2010-7-16 14:55 编辑 ]

<div id="zxsj">
<table width="566" height="252" border="0" cellpadding="0" cellspacing="0">
  <tr>  
  <td width="10" height="27" background="zymh051.gif">&nbsp;</td>
  <td width="496"><ul class="TabBarLevel201" id="TabPage301">
<li id="Tab305" class="Selected"><a href="#" onfocus="this.blur()" onmouseover="javascript:switchTab301('TabPage301','Tab305');">供应信息</a></li>
<li id="Tab306"><a href="#" onfocus="this.blur()" onmouseover="javascript:switchTab301('TabPage301','Tab306');">求购信息</a></li> 
</ul></td>
  <td width="60" align="center" background="zymh051.gif"><img src="zymh058.gif" width="40" height="20" border="0"></td>
  </tr>
  <tr>  
  <td height="225" colspan="3" valign="bottom"><div id="cnt301">
<div id="dTab30" class="HackBox201" style="display:block;"><table width="100%" height="225" border="0" cellpadding="0" cellspacing="0">   
  <tr>
  <td height="200">
  
  
<DiV id="demo" style="HEIGHT:200px;height:200px;overflow:hidden;white-space:nowrap;" 
onmouseout=ii=0>
<DiV id="demo1"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="25">11</td> 
<tr>
<td height="25">11</td> 
</tr>
<tr>
<td height="25">11</td> 
</tr>
<tr>
<td height="25">11</td> 
<tr>
<td height="25">11</td> 
</tr>
<tr>
<td height="25">11</td> 
</tr>
</table>
</DiV>
<DiV id="demo2">
</DiV>
</div>
<input type="text" id="txt">
<SCRIPT>
var ii=1;//滚动距离为1像素，注意变量不要和滑动门的JS变量混合使用！
var d=document.getElementById('demo');
var d1=document.getElementById('demo1');
var d2=document.getElementById('demo2');
var txt=document.getElementById('txt');
d2.innerHTML=d1.innerHTML;
function qswhMarquee(){
txt.value=d1.offsetHeight-d.scrollTop;//获得测试参数，实际应用的时候把它删除！
d.scrollTop+= ii;
if(d1.offsetHeight-d.scrollTop<=50)//这里的50是个测试值，根据你的内容而进行调整，以保证其不断循环滚动！
  { 
   d.scrollTop = 0;
   }

 }
window.setInterval(qswhMarquee,30);
</SCRIPT>

</td>
  </tr>
  </table></div>
<div id="dTab306" class="HackBox201">22</div> 
</div></td>
  </tr>
</table>
</div>
<script language="JavaScript">
//Switch Tab Effect
function switchTab301(tabpage301,tabid){
  var oItem = document.getElementById(tabpage301);   
for(var i=0;i<oItem.children.length;i++){
var x = oItem.children(i); 
x.className = "";
var y = x.getElementsByTagName('a');
y[0].style.color="#000000";
} 
document.getElementById(tabid).className = "Selected";
var dvs=document.getElementById("cnt301").getElementsByTagName("div");
for (var i=0;i<dvs.length;i++){
if (dvs[i].id==('d'+tabid))
dvs[i].style.display='block';
else
  dvs[i].style.display='none';
}
}
</script>

修改了你的代码，

会出现你的情况的原因就是因为滚动的DIV和滑动门的距离太近了。或者把两个DIV嵌套在一起了。导致了鼠标移到那里就停止了滚动了。你可以改改，要吗把滑动门和滚动的DIV区别开来，注意一定要区分。

或者在滚动代码上去掉鼠标事件。我上面的代码就是去掉了那个事件，另外加了一个多CHROME浏览器的兼容滚动。

什么滑动门
不是选项卡吗