![]() |
#2
gupiao1752010-07-23 16:14
![]() <div id="zxsj"> <table width="566" height="252" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="27" background="zymh051.gif"> </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> 修改了你的代码, |
下面代码中红色部分是滚动代码,我把滚动代码加入滑动门中,则产生冲突现象,
当刷新网页后刚开始是正常的 滚动代码能显示滚动 当把鼠标放在滑动门按纽上 滚动部分就消失了
效果见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"> </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 编辑 ]