swiper里面的slide和按钮联动的效果

需要点击某个元素切换到相应的slide，该元素也会产生相应的样式改变。

使用swiper的pagination设置项，可以自定义设置pagination的样式和效果

pagination: {

                el: '.swiper-pagination',

                clickable: 'true',

                renderBullet: function (index, className) {

                          switch(index){

                            case 0:text='DB103';break;

                            case 1:text='DB105';break;

                            case 2:text='DB106';break;

                            case 3:text='DB108';break;

                          }

                          return '<span class="' + className + '">' + text + '</span>';

                }

            },

要修改pagination的激活样式可以在样式表里对xxx-active的类名元素做修改。

本来想用swiper的