产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 首页模块,右边栏用了图片滚动代码,结果左边栏的新闻标题滚动就停止滚动了。
千羽网络 - 2014/1/14 9:25:42
只要隐藏右边栏的图片滚动代码,左边栏新闻标题就能滚动,就是说2个不能同时显示。所以我怀疑是图片滚动代码导致的,麻烦懂的人帮我看看好吗?

<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1"><a href="#"><img src="/e/images/j01.jpg" border="0" alt="" /></a> <a href="#"><img src="/e/images/j02.jpg" border="0" alt="" /></a> <a href="#"><img src="/e/images/j03.jpg" border="0" alt="" /></a> <a href="#"><img src="/e/images/j04.jpg" border="0" alt="" /></a> <a href="#"><img src="/e/images/j05.jpg" border="0" alt="" /></a> <a href="#"><img src="/e/images/j06.jpg" border="0" alt="" /></a></div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=40;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
xiyou - 2014/1/14 10:38:20
如果你用了两个一样的代码
里面所有id值都不能重复,每个模型id都去修改一下 比如id="demo" 改为 id="demo_a"
注意:var tab=document.getElementById("demo"); 下面调用id的代码也要对应修改如 var tab=document.getElementById("demo_a");
千羽网络 - 2014/1/14 11:54:24
谢谢xiyou,我替换了相关id值,还是不行。
如果使用系统自带的“产品展示”,倒是都会滚动,但“产品展示”不适合我,我只想在新闻标题滚动的前提下,再能简单实现首页-另一个模块的图片滚动就行。
xiyou,帮我再看看好吗?下面是“模块模型”里面新闻标题滚动的代码:
<script Language="c#" Runat="server">
string newpic(DateTime D1)
     {
        string rv="";
        TimeSpan ts=DateTime.Now-D1;
        if(ts.Days<=67)  //如果是3天内发布就返回图片,这里可以自己修改
         {
           rv="<img src='/e/images/new.gif'  hspace=5>";
         }
        return rv;
     }
</script>
<ul id="n_<%=Module_Id%>" style="height:80px;" class="article"><%
DataTable dt=Get_Data();
DataRow dr;
for(int i=0;i<dt.Rows.Count;i++)
{
dr=dt.Rows;
%>
<li> <span class="title">
<a href="<%=Detail_Url(dr)%>" target="<%=Target%>" title="<%=Server.HtmlEncode(dr["title"].ToString())%>"><%=SubStr(dr["title"].ToString(),Title_Num,true)%></a></span>
<%=newpic((DateTime)dr["thedate"])%>
<span class="date"><%=((DateTime)dr["thedate"]).ToString("yy-MM-dd")%></span>
<span class="clear"></span>
</li>
<%
}
%></ul>
<script type="text/javascript">
new Marquee("n_<%=Module_Id%>","top",1,null,null,120,null,null,1000);
</script>
千羽网络 - 2014/1/14 13:16:47
我现在想把“产品中心”里面的“横向滚动模型”修改一下,可是修改不得法,不知道哪里错了,请帮忙看看,谢谢。
<div id="m_<%=Module_Id%>" style="overflow:hidden;width:100%" class="product">
<table border=0 align=center cellpadding="0" cellspacing="0">
<tr>
<%
DataTable dt=Get_Data();
DataRow dr;
for(int i=0;i<dt.Rows.Count;i++)
{
dr=dt.Rows;
%>
<td><a href="#"><img src=""/e/images/j01.jpg" border="0"></a></td>
<td><a href="#"><img src=""/e/images/j02.jpg" border="0"></a></td>
<td><a href="#"><img src=""/e/images/j03.jpg" border="0"></a></td>
<td><a href="#"><img src=""/e/images/j04.jpg" border="0"></a></td>
<td><a href="#"><img src=""/e/images/j05.jpg" border="0"></a></td>
<td><a href="#"><img src=""/e/images/j06.jpg" border="0"></a></td>
<%
}
%>
</tr>
</table>
</div>
<script type="text/javascript">
new Marquee("m_<%=Module_Id%>","left");
</script>
千羽网络 - 2014/1/14 13:25:32
已经好了,谢谢xiyou,是我粗心了,上面的代码地址那里多了双引号。
现在已经都动起来了,很开心,谢谢。
1