关于鼠标悬停功能的实现

注意：本代码只是参考代码，数据和后台服务器进行的交互在本地操作，不过有些地方还是一样的~可以作为参考。

新人~在最近写代码的时候，初次接触了鼠标悬停的功能，经过查阅实现了功能，来和大家分享一下。

话不多少，我做的是悬停隐藏和显示这一功能，先上悬停功能代码：

这里主要用到了 jquery.class选择器 和 CSS:hover选择器 ，获取div标签下标和li标签下标进行比较，一一对应，才会将内容显示，否则将会隐藏。

下图是对li标签的设置：

随后页面代码附上：

... ...中间一些不重要的地方就跳过~

一开始我想把li标签和div标签放入同意forEach中，但是发现这样会产生冲突：在显示一个已经被隐藏的div时候，会将其他li标签隐藏，导致无法触发悬停事件或者不断触发悬停事件。

所以后面我将li标签和div标签分开循环，因为传入参数一样，所以有几个li标签，就会有几个div标签，当li标签和div标签下标一致时，鼠标悬停，就会显示div隐藏的内容。

完成图不方便上传，就不放了，不过最后在我完成后，有个无伤大雅的小问题，就是默认选中第一个后，必须触发第一个的悬停功能，否则第一个永远在选中状态，当然，只要滑动鼠标的时候（1位置）滑一下就好

新人~如果有什么讲的不对地方，敬请谅解。