position

刚刚意外再次看到tzangms的部落格，没想到已经过了几年的时间了！因为这段日子对javascript开始有了一些研究，所以对它的Banner scrolling 的特效很感兴趣，就顺手研究了一下它的 js code，没想到这么简单就能做到，不知道该说 jQuery 太厉害了，还是想到这种实作方法的人太聪明呢:P 上面这张是他网站的截图，光是版面的配置以及使用的自制图案来看，其实就看得出小巧精美的一面，不过今天的重点是那个Banner，我对于他可以做到卷动的效果感到很好奇，而实际做法其实也就是想像中这么容易，只是他利用了一个CSS background-position的特性，原来当div的background设定成无限延展的时候（预设），就可以利用把position拉到无限远的地方并搭配 Timer（jQuery可以用animate）设定好一个时间差，然后让页面在这个时间内一直偏移position的值来完成卷动的特效。 最后附上测试用程式码，而图档的部分则是以tzangms的banner为例。