//效果：利用原生JS做封装函数，图片循环切换，有透明度渐变效果；根据轮播舞台元素分别获取轮播舞台里所有的子元素；用获取数组里的对象的方法动态改变图片的src和a标签的href；用数组的长度自动创建icon的个数；用封装透明度函数解决透明度兼容性问题。//兼容性：基本全兼容//最后更新时间：20170714//应用： //html: //js:jsonImg=[{'img_src':'','a_href':'#'},{'img_src':'','a_href':'#'}];//json格式
方法/步骤
1
1、首先封装设置元素的无兼容性不透明度函数；
2
2、然后封装图片不透明度过度动画函数，其中调用了第一步中封装的函数；
3
最后封装轮播图：步骤①//获取所有元素；
4
步骤②//判断是否有左右焦点。如果没有左右焦点，则不执行相应的事件；
5
步骤③//判断是否有icon焦点。如果没有icon焦点，则不执行相应的事件；
6
步骤④//封装改变图片函数，并调用第二步中封装好的函数，实现无兼容性的动画过度效果
7
步骤⑤//封装循环定时器，实现图片自动过度切换效果；
8
步骤⑥//设置鼠标移入停止循环动画，鼠标移出开始循环动画；封装的函数到此结束。
注意事项
应用封装好的函数之前，请认真看简介里面的具体应用格式。
上一篇：怎么使用jquery做图片轮播