京东商城新品滚动！

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



我这个京东商城修改了首页的高和宽，新品上市滚动就出现了出位。不知要在那里修改有知道的请指点下！

修改成这样的滚动http://www.xdzdz.com
我首页商品的尺寸都跟他是一样的。
新品上市recommend_new.lbi 代码如下。
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  2. <!-- {if $new_goods} -->



  6. <div id="globalBest" class="globalModule">
  7. <h3>
  8. <div id="recom_title_r">
  9. <div id="recom_title_new">
  10. <a style="color:#005aa0; font-weight:normal; float:right; padding-right:5px;" href="../search.php?intro=new">更多新品>></a>
  11. </div>
  12. </div>
  13. </h3>
  14. <div id="show_new_area" class="itemGrid">


  17. <DIV class=container>
  18. <SCRIPT>
  19. function Marquee()
  20. {
  21. this.ID = document.getElementById(arguments[0]);
  22. this.Direction = arguments[1];
  23. this.Step = arguments[2];
  24. this.Width = arguments[3];
  25. this.Height = arguments[4];
  26. this.Timer = arguments[5];
  27. this.WaitTime = arguments[6];
  28. this.StopTime = arguments[7];
  29. if(arguments[8])
  30. this.ScrollStep = arguments[8]
  31. else
  32. this.ScrollStep = this.Direction>1 ? this.Width : this.Height;
  33. this.CTL = this.StartID = this.Stop = this.MouseOver = 0;
  34. this.ID.style.overflowX = this.ID.style.overflowY = "hidden";
  35. this.ID.noWrap = true;
  36. this.ID.style.width = this.Width;
  37. this.ID.style.height = this.Height;
  38. this.ClientScroll = this.Direction>1 ? this.ID.scrollWidth : this.ID.scrollHeight;
  39. this.ID.innerHTML += this.ID.innerHTML;
  40. this.Start(this,this.Timer,this.WaitTime,this.StopTime);
  41. }


  44. Marquee.prototype.Start = function(msobj,timer,waittime,stoptime)
  45. {
  46. msobj.StartID = function(){msobj.Scroll()}
  47. msobj.Continue = function()
  48. {
  49. if(msobj.MouseOver == 1)
  50. {
  51. setTimeout(msobj.Continue,waittime);
  52. }
  53. else
  54. {clearInterval(msobj.TimerID);
  55. msobj.CTL = msobj.Stop = 0;
  56. msobj.TimerID = setInterval(msobj.StartID,timer);
  57. }
  58. }
  59. msobj.Pause = function()
  60. {
  61. msobj.Stop = 1;
  62. clearInterval(msobj.TimerID);
  63. setTimeout(msobj.Continue,waittime);
  64. }
  65. msobj.Begin = function()
  66. {
  67. msobj.TimerID = setInterval(msobj.StartID,timer);
  68. msobj.ID.onmouseover = function()
  69. {
  70. msobj.MouseOver = 1;
  71. clearInterval(msobj.TimerID);
  72. }
  73. msobj.ID.onmouseout = function()
  74. {
  75. msobj.MouseOver = 0;
  76. if(msobj.Stop == 0)
  77. {
  78. clearInterval(msobj.TimerID);
  79. msobj.TimerID = setInterval(msobj.StartID,timer);
  80. }
  81. }
  82. }
  83. setTimeout(msobj.Begin,stoptime);
  84. }

  86. Marquee.prototype.Scroll = function()
  87. {
  88. switch(this.Direction)
  89. {
  90. case 0:
  91. this.CTL += this.Step;
  92. if(this.CTL >= this.ScrollStep && this.WaitTime > 0)
  93. {
  94. this.ID.scrollTop += this.ScrollStep + this.Step - this.CTL;
  95. this.Pause();
  96. return;
  97. }
  98. else
  99. {
  100. if(this.ID.scrollTop >= this.ClientScroll)
  101. {
  102. this.ID.scrollTop -= this.ClientScroll;
  103. }
  104. this.ID.scrollTop += this.Step;
  105. }
  106. break;

  108. case 1:
  109. this.CTL += this.Step;
  110. if(this.CTL >= this.ScrollStep && this.WaitTime > 0)
  111. {
  112. this.ID.scrollTop -= this.ScrollStep + this.Step - this.CTL;
  113. this.Pause();
  114. return;
  115. }
  116. else
  117. {
  118. if(this.ID.scrollTop <= 0)
  119. {
  120. this.ID.scrollTop += this.ClientScroll;
  121. }
  122. this.ID.scrollTop -= this.Step;
  123. }
  124. break;

  126. case 2:
  127. this.CTL += this.Step;
  128. if(this.CTL >= this.ScrollStep && this.WaitTime > 0)
  129. {
  130. this.ID.scrollLeft += this.ScrollStep + this.Step - this.CTL;
  131. this.Pause();
  132. return;
  133. }
  134. else
  135. {
  136. if(this.ID.scrollLeft >= this.ClientScroll)
  137. {
  138. this.ID.scrollLeft -= this.ClientScroll;
  139. }
  140. this.ID.scrollLeft += this.Step;
  141. }
  142. break;

  144. case 3:
  145. this.CTL += this.Step;
  146. if(this.CTL >= this.ScrollStep && this.WaitTime > 0)
  147. {
  148. this.ID.scrollLeft -= this.ScrollStep + this.Step - this.CTL;
  149. this.Pause();
  150. return;
  151. }
  152. else
  153. {
  154. if(this.ID.scrollLeft <= 0)
  155. {
  156. this.ID.scrollLeft += this.ClientScroll;
  157. }
  158. this.ID.scrollLeft -= this.Step;
  159. }
  160. break;
  161. }
  162. }
  163. -->
  164. </SCRIPT>

  166. <DIV id=textdiv style="height:189px; overflow:hidden">
  167. <DIV id=lr>

  169. <div>
  170. <DIV class="cxtj2" >
  171. <!--滚动开始-->

  173. <!--{foreach from=$new_goods item=goods}-->
  174. <div class="item">
  175. <img style=" float:right" src="../images/item_line.gif">
  176. <p class="pic"><a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" /></a></p>
  177. <p class="name"><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a></p>

  179. <p class="price">
  180. <!-- {if $goods.promote_price neq ""} -->
  181. {$lang.promote_price}<span class="goodsPrice">{$goods.promote_price}</span>
  182. <!-- {else}-->
  183. {$lang.shop_price}<span class="goodsPrice">{$goods.shop_price}</span>
  184. <!--{/if}-->
  185. </p>

  187. </div>
  188. <!-- {/foreach} -->
  189. <!--滚动结束-->
  190. </DIV>
  191. </div>


  194. </DIV></DIV>
  195. <SCRIPT defer>
  196. if(screen.width<1025)
  197. new Marquee("textdiv",0,4,546,189,1,3000,1)
  198. else
  199. new Marquee("textdiv",0,4,766,189,1,3000,1)
  200. </SCRIPT>


  203. </DIV>



  207. </div>
  208. </div>
  209. <!-- {/if} -->
复制代码
有谁知道的请指点下。谢谢。QQ：8426888

回答：
没发现哪有问题啊

我对了下也没发现那里错误就是滚动不齐！