吐槽时间，我这智商，就弄这些逻辑，差点就晕了。
先上效果图：
效果图
由于二级导航间（就是写了“文字兄兄”的导航栏）的距离会不大一样，所有其中有个值需要手动调节，这个值的意思是相对于“wrap”的位置
//需要计算的值x_less_arr
x_less_arr = [100,250,392,542,688,836];//具体情况具体看 计算方法 "xx-x_less";即鼠标x横坐标位置"xx"减去差值"x_less"
//x_less为整个窗口大小与wrap大小差值的一半
var x_less = ($(window).width()-980)/2; //x的差值 即可视窗口大小减去980后再除以2
//xx为距离左侧窗口的位置 使用时打开如下console 记录下数值
// console.log(xx) //鼠标的x值 计算x_less_arr时打开注释
收工！
我能吐槽说这是我干过的逻辑最复杂的导航条了吗...不要鄙视我
（隐藏小彩蛋 戳搜索图标 变身！）
吐槽时间，我这智商，就弄这些逻辑，差点就晕了。先上效果图： 由于二级导航间（就是写了“文字兄兄”的导航栏）的距离会...
最近做一个导航栏跟随效果的页面，于是写了个插件分享一下。 CSS 设置 HTML 结构 Native 原生写法 j...
鼠标跟随 话不多说同样先上效果图再上代码 效果图： 1569809888816.png代码 css html js...
1: offsetLeft 获取元素到左边的距离 2: document.documentEleme...
下划线跟随导航栏 要点：下划线跟随鼠标移动的导航栏 场景：动态导航栏 兼容：+[https://caniuse.c...
网页导航栏效果，鼠标放到名称上悬停div
模板代码： 样式代码： 逻辑代码： 效果展示：
1.使用说明该效果常用于大屏展示的图片上,直接复制下方代码即可查看实际效果
1.鼠标滑动文字跟随效果,可自定义文字
放大镜特效，里面包含了鼠标跟随特效的实现方式 具体代码如下： 其中导入的animate.js文件内容如下： 效果展...
本文标题：JS效果 导航鼠标跟随
本文链接：https://www.haomeiwen.com/subject/kbagtttx.html
网友评论