上学期末一次校本培训，校长给我们培训论文撰写时谈到及时摘录你阅读文章精华，记录论文相关前沿研究动态信息，是撰写论文必要的步骤，很值得我们学习借鉴。校长说他使用的是纸质摘抄本，在信息化时代用纸质摘抄本有点不方便，我们还是使用云笔记吧。

这里我推荐的是“有道云笔记”，是一个多平台应用产品，手机及平板：iphone（ipad）、安卓、

    前一篇博文将图片向上滚动代码的进行了详细解释，这次再介绍一下图片向左边滚动代码。因为是水平布局，如果使用DIV会有点麻烦，所以使用了DIV结合Table进行布局。外层是一个ID为“demo”的Div，内部放置了一个一行二列的表格，两个TD的ID分别是“demo1、demo2”。在ID为“demo1”的再放置一个表格，这个表格放滚动的图片，几张图片就是几列。基本原理与向上滚动类似，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo的scrollLeft达到滚动的目的，当demo1与demo2的交界处滚动至demo顶端时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。

    文中offsetLeft、scrollLeft、offsetWidth含义如下：

     offsetLeft：当前对象到其上级层左部的距离。

     scrollLeft：对象左端滚动出显示范围距离的值。

     offsetWidth：当前对象的宽度值。

代码如下(新浪博客会屏蔽html、js代码，请自行替换'<'、'>')：