为什么鼠标放上去 html轮播图圆点怎么做圆点就消失了,需要刷新才能重新出来

将图片和圆点都放在一个大div中

1)設置大div宽高相对定位

2)将图片绝对定位在div中,清除图片的位置,使全部图片不显示,单独使第一张显示

4)小圆点左浮动,加圆角

2)控制第几个图爿显示,如果要通过多种途径控制一个效果最好用统一的一个变量进行控制

4)i号图片显示,其他图片隐藏,先将所有图片都隐藏在显示

5)i号圆點变红,其他圆点为白色

1)获取每个圆点的序号

2)给所有的圆点加鼠标移入事件

4)获取序号显示对应的图片和使移入的圆点变红

5)给所有嘚圆点加鼠标移出事件

//获取每个圆点的序号

我要回帖

更多关于 html轮播图圆点怎么做 的文章

 

随机推荐