开发工具与关键技术：DW、JavaScript实现功能作者：陈隆撰写时间：01月17日
下面使用简单的js实现移进显示移出隐藏常用的功能，先创建一个HTML文件，然后把需要的代码写到HTML页面里，
先写一个button按钮作为鼠标移动的目标，接着把要显示和隐藏的表格写出来（这里内容不定，可以根据需求来写），（具体代码看截图）
写好HTML之后接下来就是写CSS样式了，一样是先创建一个CSS文件然后把这个CSS文件引用到HTML页面中，因为要用到js所以在这里顺便把js页面创建好引用到HTML页面中，记住每个人的文件路径都可能不一样，以自己创建的路径来引用就不会出错了（引用截图）
把所需要的文件引用好后，那就可以把相关的页面样式完成先，先给button按钮设置好id和所喜欢的样式然后设置表格的样式，
把表格的偶数行设置一个比较浅的背景颜色，使用text-align:center来设置文本居中， 给表格设置一些对应的边框框起来就可以了，
最后先把这个写好的表格隐藏起来再给个id表格就行了（注意id只能是唯一的哦），然后就可以写js部分了。（CSS代码截图）
接下来就是编写鼠标移进移出触发事件，首先创建一个window事件，在window事件里把按钮和表格的id获取到，
获取方法‘var plan_tab = document.getElementById(“plan_tab”)‘，获取到id之后先用’console.log()‘，在浏览器控制台输出一下是否成功获取到，获取到后就可以写触发事件了。先是写把鼠标移进显示部分，把表格用display="block "显示出来，把按钮的HTML改为“收起”，再到写把鼠标移开隐藏部分，把表格用display="none"隐藏就行了最后把HTML改回原来的一样就完成啦。（js部分代码）
这样就把这个功能完成了，这样的事件用的js是不是很简单呢。
