最近在上课,闲下来的时候就做做WP模板。抄袭淘宝ued团队的博客。结果就遇到了这么一码事,一直也没有解决。
本来啊,效果应该是这样:
字的背景是一个可以随鼠标移动的条,类似于一个hover的伪类,但是使用js来实现的。
但是我鼓捣完确实这个样子滴
字底下的条比理论低了12px。
另外我加上了个判断 令负责底下这个条位置的值如果等于12则强行改为0
则鼠标移动到这个条上后,位置就正常。。不然效果还不能实现。。。
再插入我找到的代码
menuHover: function(b) { var c = this; if (b) { var d = c.navNode.one("#menu-primary").offset().top, e = b.offset().top - d; if(e == 12) { e = 0;} else e = e; "none" == c.labelNode.css("display") ? c.labelNode.css("top", b).show() : (a.Anim.stop(c.labelNode, !1, !1, "topAnim"), new a.Anim(c.labelNode, { top: e }, { duration: .2, easing: "ease-out", queue: "topAnim", useTransition: !0 }).run()) } else c.labelNode.fadeOut(.3) },
其中:
if(e == 12) { e = 0;} else e = e;这个是我自己写的。
整个的js文件在https://code.csdn.net/snippets/452843/e0c67e2ed33642c9acd55492bc95af6cdf8cddc4