jQuery+CSS3实现图片的无缝轮播

今天萌生了一个写博客的想法，主要是想对一段时间所学的东西进行总结，加深印象，也方便自己日后查看。。。。

   在实现前要弄明白的知识点：

   文档流：将窗体自上而下分成一行行，并在每一行中按从左到右的顺序排放元素

   一、Css的一些属性

      1. position属性：

          static：默认值，元素将按照正常的文档流规则排列。

          relative：相对定位，元素仍处于正常的文档流中，但可以通过left、top、right、bottom来改变元素位置，参考点为原来位置的border外边框四角。原来位置将保留，不被其他元素所占据。

          absolute：绝对定位，元素脱离正常文档流，可通过left、top、right、bottom来改变元素位置，参考点为父级元素的padding外边框。元素不再占据原来的位置。

          fixed：固定定位，元素脱离正常文档流，可通过left、top、right、bottom来改变元素位置，参考点为浏览器的可视区域的四角。元素不再占据原来的位置。

          * html{

            background-image:url(about:blank);

            background-attachmen:fixed;

          }可解决拖动滚动条元素闪烁的bug

      2. overflow属性：