谁帮我看下这段代码为啥不滚动?错在那里?

Question

<!-- 首页及商品列表页面团购部分模板 -->
<!-- {if $group_buy_goods.data or $editing} -->
<style>
*{margin:0;line-height:24px;}
</style>
<div id="group_buy" class="colbox">
  <h3><em class="more"><a href="{url src=index.php?app=groupbuy}">{$lang.more}</a></em>{$lang.group_buy}</h3>
  <div id="group_buy_scroll_bar" style="overflow:hidden;  >
  <div id="group_buy_item" class="colboxcontent">
    <ul>
      <!-- {foreach name=group_buy from=$group_buy_goods.data item=gbgoods} 团购商品 -->
      <!-- {if $smarty.foreach.group_buy.iteration lte 6} -->
      <li>
        <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}"><img src="{image file=$gbgoods.default_image width=100 height=100}" alt="{$gbgoods.orig_name}" /></a>
        <p class="infolist"><span class="name"><a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}">{$gbgoods.act_name|escape}</a></span><span class="price">{$gbgoods.ext.price|price}</span></p>
      </li>
      <!-- {/if} -->
      <!-- {/foreach} 团购商品 -->
    </ul>
  </div>
  <div id="group_buy_rp" class="colbtm"></div>
  </div>
</div>
<!-- {/if} -->
<script language="javascript"> 
var group_buy_scroll_bar = document.getElementById("group_buy_scroll_bar");
var group_buy_item = document.getElementById("group_buy_item");
var group_buy_rp = document.getElementById("group_buy_rp");
var speed  = 50;//滚动速度 
var stim  = 20; //停留时间倍数 * speed
var stop  = 0; //初始化值，不管group_buy_rp.innerHTML=group_buy_item.innerHTML
function Marquee(){ 
if(group_buy_rp.offsetWidth-group_buy_scroll_bar.scrollLeft<=0) 
group_buy_scroll_bar.scrollLeft-=group_buy_item.offsetWidth 
else{ 
group_buy_scroll_bar.scrollLeft++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
group_buy_scroll_bar.onmouseover=function() {clearInterval(MyMar)} 
group_buy_scroll_bar.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script> 谁帮我看下这段代码为啥不滚动?错在那里?   谢谢了

Answer 1

http://blog.csdn.net/lihan6415151528/archive/2009/03/19/4003830.aspx
<mce: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;   
}   
--></mce:style><style type="text/css" mce_bogus="1">#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="#" mce_href="#"><img src="http://www.m663.com/logo/mlwl.gif" mce_src="http://www.m663.com/logo/mlwl.gif" border="0" /></a>  
<a href="#" mce_href="#"><img src="http://www.m663.com/logo/mlwl.gif" mce_src="http://www.m663.com/logo/mlwl.gif" border="0" /></a>  
<a href="#" mce_href="#"><img src="http://www.m663.com/logo/mlwl.gif" mce_src="http://www.m663.com/logo/mlwl.gif" border="0" /></a>  
<a href="#" mce_href="#"><img src="http://www.m663.com/logo/mlwl.gif" mce_src="http://www.m663.com/logo/mlwl.gif" border="0" /></a>  
<a href="#" mce_href="#"><img src="http://www.m663.com/logo/mlwl.gif" mce_src="http://www.m663.com/logo/mlwl.gif" border="0" /></a>  
<a href="#" mce_href="#"><img src="http://www.m663.com/logo/mlwl.gif" mce_src="http://www.m663.com/logo/mlwl.gif" border="0" /></a>  
</div>  
<div id="demo2"></div>  
</div>  
</div>  
<mce:script type="text/javascript"><!--   
var speed=10; //数字越大速度越慢   
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)};   
// --></mce:script>  
参考我的blog http://blog.csdn.net/lihan6415151528/archive/2009/03/19/4003830.aspx

Answer 2

<!-- 首页及商品列表页面团购部分模板 -->
<!-- {if $group_buy_goods.data or $editing} -->
<div id="group_buy" class="colbox">
  <h3><em class="more"><a href="{url src=index.php?app=groupbuy}">{$lang.more}</a></em>{$lang.group_buy}</h3>
  <div class="colboxcontent">
  <marquee behavior="scroll" direction="left" loop="-1" scrollamount="5" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
    <ul>
      <!-- {foreach name=group_buy from=$group_buy_goods.data item=gbgoods} 团购商品 -->
      <!-- {if $smarty.foreach.group_buy.iteration lte 6} -->
      <li>
        <a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}"><img src="{image file=$gbgoods.default_image width=100 height=100}" alt="{$gbgoods.orig_name}" /></a>
        <p class="infolist"><span class="name"><a href="{url src=index.php?app=groupbuy&amp;act=detail&amp;id=$gbgoods.act_id}">{$gbgoods.act_name|escape}</a></span><span class="price">{$gbgoods.ext.price|price}</span></p>
      </li>
      <!-- {/if} -->
      <!-- {/foreach} 团购商品 -->
    </ul>
    </marquee>
  </div>
  <div class="colbtm"></div>
</div>
<!-- {/if} -->这是原代码.

Answer 3

第8行缺少一个“ 
<div id="group_buy_scroll_bar" style="overflow:hidden;"  >
建议楼主还是用以前的marquee 来处理吧！这样处理我发现不是很好。用marquee了，你再在样式上下点功夫就OK了！！！

Answer 4

搞得怎么复杂干什么！用<marquee>滚动标记多好，简单明了。

Answer 5

第8行缺少一个“ 
<div id="group_buy_scroll_bar" style="overflow:hidden;"  > 
建议楼主还是用以前的marquee 来处理吧！这样处理我发现不是很好。用marquee了，你再在样式上下点功夫就OK了！！！--------------------------------------------------------------------------------------------------
说的是那段代码的第8号. 是我6楼帖上去的那段吗?  

Answer 6

搞得怎么复杂干什么！用 <marquee>滚动标记多好，简单明了。-----------------------------------------------------------------------
用<marguee>标记前台留白太多. 这里发不了图片.我不好描述.  前后留太多的空白. 

Answer 7

楼上的blog打不开.提示:502 Bad Gateway

Answer 8

……
那估计CSDN的那服务器又出毛病了

Answer 9

不好意思,我不会HTML代码.如果是C++的，我肯定没有问题。