css实现一些特效

本文详细介绍了如何使用input和label关联属性制作轮播图,通过切换radio按钮来改变图片显示,并实现了级联菜单功能,利用ul列表和hover效果使子菜单在鼠标悬停时显现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

做了一个比较完整的轮播图
  1. 是用input里面的radio关联label属性去操作每个按钮
  2. 通过input,label被checked的时候,选中选择器,操作图片的属性
  3. 俩边的操作按钮是,每一个操作图片前加俩个label,第一个label被选择的时候就是前一张图片的属性。后面一个label同理。
  4. 切换的时候图片变换,label标签也换成了下一组。
做了一个级联菜单

用一个ul列表水平摆放,在操作里面的当鼠标没有被hover时隐藏,当hover时列表出现,在让ul里面的ul相对于li定位。在换一些样式即可。

转载于:https://juejin.im/post/5bf6c5df51882511a8528b4f

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值