使用说明:

一:使用时无需修改的部分,了解即可:

1.记住css代码需位于js之前,否则js获取不到li的正确的宽度(clientWidth,这个宽度包括了padding);
2.css中需要先给ul一个left:0,否则第一次切换时没有动画效果;(我已经给了)
3.IE8和以下的IE不支持getElementsByClassName方法和transition过渡效果,勿念。
4.最外层的div(.srcolldiv)包含所有滚动内容,宽度只有1个li的宽度,超出隐藏;
5.ul的宽度是所有li的宽度之和,通过改变left值来滚动。
6.ul标签和li标签可以换成别的标签,li之内的html代码也可以随意更改,只要ul的id和li的class不变就能正常使用。
7.指示器里的li是自动创建的,其文本禁止选中。

二:使用时需修改的部分:

1.如有必要,修改css(废话):主要是修改最外层的div的宽高、滚动ul的宽高、滚动li的宽高。其他的无所谓。
2.如果指示器的li有margin,需将单个li的margin的水平方向值之和写入到limargin属性中。(如果不使用自动生成而是手动添加了li标签,可以不加这个属性,但是要修改js了)
3.如果指示器的li想改用图片,就把js里生成li的时候添加数字的那一行删掉,然后改li的样式。