Java Script实现轮播图

原理：
1.在一个盒子box里面放一个ul，ul下面的li放置图片，li浮动float：left，让图片显示在同行。
2.box设置overflow：hiden，将超出的ul隐藏
3.通过创建一个定时器（setInterval（function，ms）），每过n毫秒，将该ul的left位置改变，实现视觉上的移动效果。当达到指定位置时，清除定时器

轮播图通过左右两侧按钮和底部的小圆点实现轮播效果，html结构如下

 
        
            

                

                    


                
                

                    


                
                

                    


                
                

                    


                
                
 
                    


                
            
            
					
										


					

						
欢迎分享，转载请注明来源：内存溢出
原文地址: https://outofmemory.cn/zaji/5676569.html