鼠标的移入移出事件
记得刚开始接触前端，老师给我们讲了一大堆关于事件的写法和用法。那时候觉得这些东西也太复杂了吧！到底谁会用这些乱七八糟的东西来做项目啊！当我拿到分配的项目以后才发现，原来老师讲的事件真的很重要。其中用到最多的就是鼠标的移入移出事件，这个事件比较适用于模块繁多，需要进行分区域布局的项目。
展示一下我做的这个项目，是一个关于商贸系统的项目，这里就有一个地方需要用到鼠标移入移出事件的。
解释下具体的内容，从上面的图片我们可以看到鼠标开始移入到左边的导航部分的时候，就会显示出一个隐藏域，类似于窗体的小菜单。如果鼠标一直停留在上面，这个小菜单也是不会消失的。当鼠标移出时，效果才会消失。也就说是鼠标移到某元素之上，触发的是移入事件。鼠标从某元素移开，触发的是移出事件。这两个事件要结合在一起用才能体现出这种效果，代码如下：
<div id="secondmenu6" secondmenu="secondmenu6" onmouseout="delayHideSecondMenu(this)" onmouseover="clearTime()" class="mGoodsSon secondMenu" style="top: 209px; z-index: 101; display: none;">
主要的代码是“onmouseover”移入和“onmouseout”移出属性的设置，只有设置好属性，事件的效果才能实现。
最后作一个补充，事件实现不是单纯靠html代码就可以的，还需要js插件的引用。记得在写完代码时一定要引用插件，不然是实现不了任何效果的。引用的插件如下：
<script src="~/Plugins/jquery-3.2.1.min.js"></script>
<script src="~/Plugins/jquery.form.min.js"></script>
插件是怎么引用的，大家都应该知道。初学者可能就不懂，在这里再啰嗦几句。首先把js文件放到项目专门用来存放js的文件夹里，然后到项目中找到它的位置，直接选中按住再拖出来，放到html代码的最前面或者最后面。不要问为什么，稍微有点脑子的人都能想到，如果把引用的东西放到代码内部不明显的地方，那么在过一段时间回来找找引用的是什么插件，估计找半天都找不到在哪。
