试了一下用js指定li为a然后再在css里写样式,但是动不起来orz
1条回答 默认 最新
- 风雪一更 2021-06-29 17:48关注
不用js,用css设置translateX就可以了,如果想要有动效就加个transition时间,写了个demo,参考下:
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> <style type="text/css"> li{ width: 100px; height: 30px; line-height: 30px; font-size: 16px; cursor: pointer; margin-bottom: 10px; background: lightblue; transition: 0.3s ease; } li:hover{ transform: translateX(10px); } </style> </head> <body> <div class="box"> <ul> <li>111</li> <li>222</li> <li>333</li> </ul> </div> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥30 自适应 LMS 算法实现 FIR 最佳维纳滤波器matlab方案
- ¥15 lingo18勾选global solver求解使用的算法
- ¥15 全部备份安卓app数据包括密码,可以复制到另一手机上运行
- ¥15 Python3.5 相关代码写作
- ¥20 测距传感器数据手册i2c
- ¥15 RPA正常跑,cmd输入cookies跑不出来
- ¥15 求帮我调试一下freefem代码
- ¥15 matlab代码解决,怎么运行
- ¥15 R语言Rstudio突然无法启动
- ¥15 关于#matlab#的问题:提取2个图像的变量作为另外一个图像像元的移动量,计算新的位置创建新的图像并提取第二个图像的变量到新的图像