jQuery:点圆设置位置菜单悬停/悬停并单击导航链接

Jquery：这是我编写的代码，但它并不完美，我需要在单击菜单时保持活动圈的活动链接，而不是返回顶部

当悬停导航链接圆点时，请点击此处

单击导航链接时，圆点保持活动链接

当链接处于活动状态且圆点位于该位置时，将鼠标悬停在任何其他链接上，圆点将转到该位置并返回到活动链接

如果你有什么建议或解决方案，请给我答案

jQuery（文档）.ready（函数（）{
var activelenght=jQuery（“.navigation\u box ul li.active a”）.长度；
var activelenghtfirst=jQuery（“.navigation_box ul li#secmain.active a”）.length；
var moveobj=jQuery（“.nav_active_dot”）；
var activeobj=jQuery（“.navigation\u box ul li.active a”）；
var activeobjoff=activeobj.offset（）.top；
var activeparentoff=activeobj.parent（）.parent（）.offset（）.top；
var finaloffactive=activeobjoff activeparentoff；
如果（activelenghtfirst>0）{
jQuery（moveobj）.css（“top”，finaloffactive）；
css（“不透明度”，1）；
}否则{
css（“不透明度”，0）；
}
jQuery（“.navigation\u box ul li a”）。每个（函数（）{
jQuery（this）.mouseover（函数（）{
var obj=jQuery（this）；
var childPos=obj.offset（）；
var parentPos=obj.parent（）.parent（）.offset（）；
var childOffset=childPos.top-parentPos.top；
css（“不透明度”，1）；
css（“top”，childOffset）；
});
jQuery（this.mouseout）（函数（）{
如果（activelenghtfirst>0）{
jQuery（moveobj）.css（“top”，0）；
css（“不透明度”，0）；
控制台日志（“2”）；
}否则{
jQuery（moveobj）.css（“top”，0）；
css（“不透明度”，0）；
}
});
jQuery（this）。单击（函数（e）{
e、 预防默认值（）；
jQuery（this.parent（）.addClass（“活动”）；
jQuery（this.parent（）.sibbins（）.removeClass（“活动”）；
});
});
});
*{-webkit框大小：边框框；-moz框大小：边框框；框大小：边框框；}
.navigation_框{字体系列：arial；位置：相对；}
.navigation_box ul{显示：块；边距：0；填充：0；位置：相对；}
.navigation_box ul li{显示：块；边距：0；填充：0；位置：相对；}
.navigation_box ul li a{color:#000；边距：0；填充：7px 0 7px 30px；字体大小：14px；显示：内联块；垂直对齐：顶部；位置：相对；文本装饰：无；}
.navigation_box ul li a.circle_border{宽度：10px；高度：10px；边框半径：50px；背景：fff；边框：实心1px#000；位置：绝对；左：0；顶部：10px；z索引：1；}
.navigation_box ul li.active a{color:#47c5f3；}
.navigation_box ul li a:悬停{颜色：#47c5f3；}
.navigation_box ul li a:在{位置：绝对；左侧：5px；宽度：1px；内容：''；背景：000；高度：30px；顶部：19px；}之后
.navigation_box ul li:最后一个子项a:在{display:none；}之后
.navigation_box.nav_active_dot{位置：绝对；左侧：0；顶部：0；宽度：10px；高度：10px；背景：47c5f3；边框半径：20px；边距：10px 0；不透明度：0；z索引：2；
-webkit过渡：所有轻松输入输出0.3秒；
-moz转换：所有易进易出0.3秒；
过渡：全部缓进缓出0.3s；
}










您可以使用以下方法使您的活动项目符号为蓝色：

.navigation_box ul li.active a .circle_border {
  background: #47c5f3;
  border: 1px solid #47c5f3;
}

请参见下面的演示：


jQuery（文档）.ready（函数（）{
var activelenght=jQuery（“.navigation\u box ul li.active a”）.长度；
var activelenghtfirst=jQuery（“.navigation_box ul li#secmain.active a”）.length；
var moveobj=jQuery（“.nav_active_dot”）；
var activeobj=jQuery（“.navigation\u box ul li.active a”）；
var activeobjoff=activeobj.offset（）.top；
var activeparentoff=activeobj.parent（）.parent（）.offset（）.top；
var finaloffactive=activeobjoff-activeparentoff；
如果（activelenghtfirst>0）{
jQuery（moveobj）.css（“top”，finaloffactive）；
css（“不透明度”，1）；
}否则{
css（“不透明度”，0）；
}
jQuery（“.navigation\u box ul li a”）。每个（函数（）{
jQuery（this）.mouseover（函数（）{
var obj=jQuery（this）；
var childPos=obj.offset（）；
var parentPos=obj.parent（）.parent（）.offset（）；
var childOffset=childPos.top-parentPos.top；
css（“不透明度”，1）；
css（“top”，childOffset）；
});
jQuery（this.mouseout）（函数（）{
如果（activelenghtfirst>0）{
jQuery（moveobj）.css（“top”，0）；
css（“不透明度”，0）；
控制台日志（“2”）；
}否则{
jQuery（moveobj）.css（“top”，0）；
css（“不透明度”，0）；
}
});
jQuery（this）。单击（函数（e）{
e、 预防默认值（）；
jQuery（this.parent（）.addClass（“活动”）；
jQuery（this.parent（）.sibbins（）.removeClass（“活动”）；
});
});
});
*{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.导航箱{
字体系列：arial；
位置：相对位置；
}
.导航箱{
显示：块；
保证金：0；
填充：0；
位置：相对位置；
}
.导航箱ul li{
显示：块；
保证金：0；
填充：0；
位置：相对位置；
}
.导航箱ul li a{
颜色：#000；
保证金：0；
填充：7px 0 7px 30px；
字体大小：14px；
显示：内联块；
垂直对齐：顶部；
位置：相对位置；
文字装饰：无；
}
.导航箱ul li a.圆圈{
宽度：10px；
高度：10px；
边界半径：50px；
背景：#fff；
边框：实心1px#000；
位置：绝对位置；
左：0；
顶部：10px；
z指数：1；
}
.导航箱ul li.激活a{
颜色：#47c5f3；
}
.navigation\u box ul li.active a.circle\u border{/*已添加*/
背景：#47c5f3；
边框：1px实心#47c5f3；
}
.导航框ul li a：悬停{
颜色：#47c5f3；
}
.导航箱ul li a：之后{
位置：绝对位置；