请高手帮忙,带滚动图片的选项卡怎么做 [复制链接]

可以发网址出来看，同一页面如果有几个选项卡的话，必须保证每个的id不同。

本地测试的,反正意思是想做几组滚动的图片,分别在不同的选项卡上切换..

本地调试如果不会的话，要么贴代码出来，要么找人qq远程解决。你这几句话把问题说不明白的，别人也没办法帮你回答清楚。

请版主帮忙。

这个问题我感觉是浏览器机制的问题，pa自带的滚动函数是需要获取元素的宽度才能滚动，因为用了选项卡，隐藏的那部门来就无法获取到了。

可以考虑采用等页面加载完成后再调用tab这个函数，你具体地址我看看先了，看你代码我再给你建议，然后你自己调试

我是在本志测试的,模块代码为:
<!---图片滚动选项卡-->
<div class="left" style="width:980px">
<div class="tab" style="height:235px">
<dl class="tabheader" id="tabheader2">
<dd><a href=/index.aspx?lanmuid=63>图片滚动1</a></dd>
<dd><a href=/index.aspx?lanmuid=63&sublanmuid=548>图片滚动2</a></dd>
</dl>
<dl class="tabcontent" id="tabcontent2">
<dd>{paodel}1,132,0,and titlepic<>'',0,,_self,10,20,145,110{/paodel}</dd>
<dd>{paodel}1,132,519,and titlepic<>'',0,,_self,10,20,145,110{/paodel}</dd>
</dl>
</div>
</div>
<script type="text/javascript">
tabs("tabheader2","tabcontent2","onmouseover")
</script>
<div class="clear"></div>
滚动图片的模型代码
<div class="left" style="width:3%;padding:60px 0 40px 0;cursor:pointer" onclick="c_direction('left')"><img src="/e/images/diy/left_btn.gif" border=0 width=12></div>
<div id="m_<%=Module_Id%>" style="overflow:hidden;width:93%;" class="left">
<table border=0 align=center cellpadding="3" cellspacing="0">
<tr>
<%
DataTable dt=Get_Data();
DataRow dr;
for(int i=0;i<dt.Rows.Count;i++)
{
dr=dt.Rows[i];
%>
<td>
<a href="<%=Detail_Url(dr)%>" target="<%=Target%>"><img src="<%=dr["titlepic"]%>" border="0" style="<%=TitlePic_Size%>"></a>
<br>
<a href="<%=Detail_Url(dr)%>" target="<%=Target%>" title="<%=Server.HtmlEncode(dr["title"].ToString())%>"><%=SubStr(dr["title"].ToString(),Title_Num,true)%></a></span>
</td>
<%
}
%>
</tr>
</table>
</div>
<div class="right" style="width:3%;padding:60px 0 40px 0;cursor:pointer" onclick="c_direction('right')"><img src="/e/images/diy/right_btn.gif" border=0 width=12></div>
<div class="clear"></div>
<script type="text/javascript">
var mrquee_<%=Module_Id%>=new Marquee("m_<%=Module_Id%>","left");
function c_direction(dir)
{mrquee_<%=Module_Id%>.Direction=dir;}
</script>

,第一个选项卡只要鼠标经过后,就不再滚动,第二选项卡根本就不滚动,敬请xiyou版主帮忙.

一直在等着xiyou大大出手相助！

var mrquee_<%=Module_Id%>=new Marquee("m_<%=Module_Id%>","left");
这里你改为
window.onload=function(){
var mrquee_<%=Module_Id%>=new Marquee("m_<%=Module_Id%>","left");
}
让页面加载完毕再执行这个Marquee方法，行不行不确定，自己试试

谢谢xiyou版主，刚才按照您说的方法试了试，两个都不动了，还请版主再费心看看，万分感谢。

<dl class="tabcontent" id="tabcontent2">
<dd>{paodel}1,132,0,and titlepic<>'',0,,_self,10,20,145,110{/paodel}</dd>
<dd>{paodel}1,132,519,and titlepic<>'',0,,_self,10,20,145,110{/paodel}</dd>
</dl> 这一部分单独放到一个层里面去，并限制层的宽度，即改成：

<div class="divgun" style="width00px">
<dl class="tabcontent" id="tabcontent2">
<dd>{paodel}1,132,0,and titlepic<>'',0,,_self,10,20,145,110{/paodel}</dd>
<dd>{paodel}1,132,519,and titlepic<>'',0,,_self,10,20,145,110{/paodel}</dd>
</dl>
</div>
试试嘛。

非常感谢scstjcy的回答，还是和开始一样，只要鼠标经过后,就不再滚动,第二选项卡根本就不滚动，请再给看看。

下面的方案测试通过：
为每个选项卡手动指定id，并加onmouseove事件，如<dd id="tabdd1" onmouseove=test()>新闻动态....
然后把模型代码里面的这部分提出来，并写到一个函数里面去，然后放在模块代码的最后。
<script type="text/javascript">
var mrquee_<%=Module_Id%>=new Marquee("m_<%=Module_Id%>","left");
function c_direction(dir)
{mrquee_<%=Module_Id%>.Direction=dir;}
</script>
改成
<script type="text/javascript">
function test(){
new Marquee("选项卡id","left");}
</script>

这样改的对吗，模型那边没有改动，只是改的模块，可还是不行，是我没有更改正确吗，烦请再给说得细一点。非常感谢。
图片模型的代码没有改变：
<!---图片滚动选项卡-->
<div class="left" style="width:980px">
<div class="tab" style="height:235px">
<dl class="tabheader" id="tabheader2">
<dd id="tabdd1" onmouseove=test()><a href=/index.aspx?lanmuid=63>图片滚动1</a></dd>
<dd id="tabdd2" onmouseove=test()><a href=/index.aspx?lanmuid=63&sublanmuid=548>图片滚动2</a></dd>
</dl>

<dl class="tabcontent" id="tabcontent2">
<dd>{paodel}1,132,0,and titlepic<>'',0,,_self,10,20,145,110{/paodel}</dd>
<dd>{paodel}1,132,519,and titlepic<>'',0,,_self,10,20,145,110{/paodel}</dd>
</dl>
</div>
</div>
<script type="text/javascript">
tabs("tabheader2","tabcontent2","onmouseover")
</script>
<div class="clear"></div>
<script type="text/javascript">
function test(){
new Marquee("tabdd1","tabdd2","left");}
</script>
这样改的对吗，模型那边没有改动，只是改的模块，可还是不行，是我没有更改正确吗，烦请再给说得细一点。非常感谢。
图片模型的代码没有改变：
<div class="left" style="width:3%;padding:60px 0 40px 0;cursor:pointer" onclick="c_direction('left')"><img src="/e/images/diy/left_btn.gif" border=0 width=12></div>
<div id="m_<%=Module_Id%>" style="overflow:hidden;width:93%;" class="left">
<table border=0 align=center cellpadding="3" cellspacing="0">
<tr>
<%
DataTable dt=Get_Data();
DataRow dr;
for(int i=0;i<dt.Rows.Count;i++)
{
dr=dt.Rows[i];
%>
<td>
<a href="<%=Detail_Url(dr)%>" target="<%=Target%>"><img src="<%=dr["titlepic"]%>" border="0" style="<%=TitlePic_Size%>"></a>
<br>
<a href="<%=Detail_Url(dr)%>" target="<%=Target%>" title="<%=Server.HtmlEncode(dr["title"].ToString())%>"><%=SubStr(dr["title"].ToString(),Title_Num,true)%></a></span>
</td>
<%
}
%>
</tr>
</table>
</div>
<div class="right" style="width:3%;padding:60px 0 40px 0;cursor:pointer" onclick="c_direction('right')"><img src="/e/images/diy/right_btn.gif" border=0 width=12></div>
<div class="clear"></div>
<script type="text/javascript">
var mrquee_<%=Module_Id%>=new Marquee("m_<%=Module_Id%>","left");
function c_direction(dir)
{mrquee_<%=Module_Id%>.Direction=dir;}
</script>

你这样改不对哦，没理解到我的意思和思路。我的qq732364265.

scstjcy老师，您在线吗，刚才加了qq.麻烦指点一下。