看以下列表:

<div id="msgleft">
  <table id="msgleftTbl" cellpadding="0">
    <tr>
      <td class="msgleftItem">无缝滚动同样精彩</td>
      <td class="msgleftItem">谢谢您使用千一的产品</td>
      <td class="msgleftItem">请关注更多千一出品</td>
    </tr>
  </table>
</div>

要实现向左、向右屏滚效果,那么消息就位于单元格 td,消息内容与展区 msgleft 相差 4 个结点,依次是 table、tbody、tr、td,所以 msgDepth 值为 4。


看以下列表:

<div id="msgtop">
  <table id="msgleftTbl" cellpadding="0">
    <tr><td class="msgleftItem">无缝滚动同样精彩</td></tr>
    <tr><td class="msgleftItem">谢谢您使用千一的产品</td></tr>
    <tr><td class="msgleftItem">请关注更多千一出品</td></tr>
  </table>
</div>

要实现向上、向下屏滚效果,那么消息就位于行 tr(虽然它也位于 td,但我们看它的基本要素,上下屏滚时,是以行 tr 作为基本要素的),消息内容与展区 msgtop 相差 3 个结点,依次是 table、tbody、tr,所以 msgDepth 值为 3。


看以下列表:

<div id="msgtop">
  <div class="msgleftItem">无缝滚动同样精彩</div>
  <div class="msgleftItem">谢谢您使用千一的产品</div>
  <div class="msgleftItem">请关注更多千一出品</div>
</div>

要实现向上、向下屏滚效果,那么消息就位于行 div,消息内容与展区 msgtop 相差 1 个结点即 div,所以 msgDepth 值为 1。