楼层箭头怎么实现比较好

楼层箭头怎么实现比较好

箭头给了图片,但是应该采取哪种实现方式比较好?两层楼共6个箭头,是每个都写个class来定位吗?有更好的写法吗?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

你好同学 ,可以把箭头设置成背景图标 .不需要设置6个 .每一个楼层分类设置一个即可 .

思路 : 因为默认第一个导航项显示箭头 , 所以为第一个导航项添加一个类名 ,例如类名为active , 在css中选择此类名设置背景图 .使用背景定位让图标显示在最下边 .

然后在js中为分类导航绑定hover事件 , 鼠标移入到哪一个导航项 ,是要addClass()为添加active  ,然后其他两个导航项使用removeClass()移除类名 .

可以按照思路尝试做一做 , 如果中间哪里卡住了 , 在问答区域提问 ,老师会根据你不懂的地方有针对性帮助你指导 .

祝学习愉快 ,望采纳 .

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师