楼层箭头的问题

楼层箭头的问题

楼层箭头那里怎样才能实现分类的文字长度不同,切换时也能正好指到每个分类正中间?我本来是想利用获取点击的分类的索引,然后通过计算右边元素的总宽度加上被点击分类一半宽度减去箭头一半宽度来实现的,但是发现选择器无法准确选中分类,每个楼层的分类父级分别有一个相同的类和一个不同的类,如果我用父级相同的类加上分类(如$('.floor-type span'))绑定点击事件,会把每个楼层的span都选中,达不到想要的效果,如果用父级不同的类加上分类来选择,那又需要每个楼层都绑一个基本完全一样的点击事件。然后我就不知道怎么写了,这种思路能行得通吗?或者说是不是还有其他实现方法?希望老师能给一个具体点的思路,不要只是稍微点一下

正在回答

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

1回答

箭头是个图片哦,在素材中就有。通过背景图片的方式引入到每个选项中。默认情况下,让一个选项的背景图片显示,其他的隐藏。鼠标切换到哪个选项,哪个选项的背景图片显示,其他的隐藏。这样是不是很简单呀。

  • qq_孤月凡尘_0 提问者 #1
    是的。。。。相当简单。。。。完全没想到。。。。
    2017-08-27 18:28:07
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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