5-2作业题——右侧的导航
老师,右侧导航栏可以用什么方法来制作,能够做的更流畅?
我选用了animate的方法,怎样才能将事件只绑定到 li 标签身上,并且把 img 当做不存在。现在每次鼠标滑过 li 时,img 也会触发 mouseover 、mouseout 事件。
<div class="floor-right-nav"> <ul> <li> <span>我的</span> <img src="images/icon/13.png" alt=""> </li> <li> <span>购物车</span> <img src="images/icon/14.png" alt=""> </li> <li> <span>收藏</span> <img src="images/icon/15.png" alt=""> </li> <li> <span>消息</span> <img src="images/icon/16.png" alt=""> </li> <li> <span>回到顶部</span> <img src="images/icon/17.png" alt=""> </li> </ul> </div>
43
收起
正在回答
2回答
先设置好位置,然后再用hover伪类设置鼠标经过的样式。hover是伪元素,跟定位没有关系,但是要实现这个功能需要结合定位、动画以及hover来实现。如果有其他更好的办法,也可以用,总之要条理清晰的去实现,不要一下子全弄出来,容易乱套,一个功能一个功能的实现。祝学习愉快!
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星