昨天没发出去,重发一下
轮播图
鼠标点击小点后会换图片
首先把所有图片放在一个div里面,设置div的宽高,和图片一样,然后overflow:hidden 将超出的部分隐藏,就会只显示一个图片了。
用锚点定位,点击每个小点会转换图片,将小点
我的做法:给父级一个position: absolute;,给ul一个position:relative,再分别设置它俩的位置,这样小点就不会被覆盖。
应该是:上面的图片用ul li做,下面的小圆点用ol li做,
当一个链接(li)被锚点链接选中时,要执行的代码
ul li:target {
z-index:1
}
这时候小圆点会被隐藏起来,因为层级数不够,这时候给ol一个
z-index:999
这样就不会被隐藏起来了。
今天做个饿了 的网页,要求自己测版心,感觉比卧龙简单一些。
做出来的效果,做网页我害行,上面那种轮播图啊,微信导航栏凹进去效果是真的太细了很烦。
老相好们注意安全别出门!