轮播——改img的display

轮播图几乎存在于每个网站的主页。轮播图的实现方法有很多种，比如改变img的display、img的opacity或者改变ul的marginLeft达到无缝轮播等等。今天给大家介绍“改变img的display”这种方法。

这种方法的实现原理是如此的简单，如下图：把div#pic的定位设置为position:relative;而div#pic中的5个img的定位设置为position:absolute;top:0;left:0;这样5个img就重合在了一起，通过JS控制要显示的img的display设置为block，另外4个img的display设置为none，依次循环设置5张图片的display就可以实现图片的轮播了。