recommand_best.lbi首页产品滚动

2016-07-07 15:03 来源：www.chinab4c.com 作者：ecshop专家



如题，recommand_best.lbi添加JS不起作用。

我想实现 精品推荐区域的商品 横向滚动，但是添加JS后，不起作用。

  2. <div id="scroll_div" style="overflow: hidden; width: 710px; height:167px;" align="center"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td id="scroll_begin">
  3. <!--{foreach from=$best_goods item=goods}-->
  4. <div class="goodsItem">
  5. <span class="best"></span>
  6. <a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="goodsimg" /></a><br />
  7. <p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a></p>
  8. <font class="f1">
  9. <!-- {if $goods.promote_price neq ""} -->
  10. {$goods.promote_price}
  11. <!-- {else}-->
  12. {$goods.shop_price}
  13. <!--{/if}-->
  14. </font>
  15. </div>
  16. <!--{/foreach}-->
  17. </td><td id="scroll_end"></td></tr></table></div>
复制代码
然后在 index.js中加入

  2. //首页推荐商品滚动脚本
  3. var speed = 60;
  4. scroll_end.innerHTML = scroll_begin.innerHTML;
  5. function Marquee() {
  6. if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0)
  7. scroll_div.scrollLeft -= scroll_begin.offsetWidth
  8. else {
  9. scroll_div.scrollLeft++;
  10. }
  11. }
  12. var MyMar = setInterval(Marquee, speed);
  13. scroll_div.onmouseover = function() {
  14. clearInterval(MyMar);
  15. }
  16. scroll_div.onmouseout = function() {
  17. MyMar = setInterval(Marquee, speed);
  18. }
复制代码
直接放在lib里面也试过了，一样不起作用。
不知道 JS 要加到什么位置才能起作用呢？