小姐姐最近迷上了css3
so研究了一个纯用css3制作的幻灯片轮播
6不6,就问你们6不6,没有js,没有jq,我觉得我好棒,哈哈哈。
但其实做起来还是蛮复杂的,首先我先把框架搭好,看到底下和左右的按钮没有,如果是jq我们就得选中到他然后用下标来实现点击切换对应的图。
那css怎么去实现呢?我们先搭6个radio(因为我这用了6张图),然后用label的for属性去指向radio。要知道radio他默认样式特别丑,还改变不了,除非你用图片然后用js去实现。这里呢,小姐姐就教你个小方法,咱就用label标签去做,那我就可以改变形状,然后功能指向radio就好了.
直接上代码
至于丑八怪radio就默默的隐藏幕后就好
现在就是这么一个效果,切换已经实现,你可以先别把radio隐藏,你可以点击试试是否已经指向
至于图片那酷炫的效果,待小姐姐下回分解,想要源码142991222求我呀