1给鼠标经过的DIV添加一个类 ，类名为submeau如下图2给显示或者隐藏的DIV，添加一个ID，ID名为id=quotoa_submeauquot，如下图3将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。

查看元素代码点击工具栏最左侧的箭头按钮快捷键Ctrl+Shift+C进入元素选择模式，鼠标在页面上滑过时，可以在元素Elements。

具体如下这是个网上比较常见的菜单效果，鼠标放上后相应的内容会切换，图文布局方式技术方面，是JS和CSS相配合来实现，代码中的JS部分，你可以单独摘取出来保存成一个JS文件，然后引入到页面中，这样使主页面代码简洁些本效果在ie火狐。

HTML5 Canvas画板画图工具 可定义笔刷和画布 HTML5 Canvas还有一个比较实用的应用，那就是网络画板HTML5 Canvas头发飘逸动画 很酷的HTML5动画 HTML5 Canvas动画非常炫酷HTML5CSS3带日期区间的日期选择插件 今天我们来分享一款实用的HTML5CSS3日期选择插件。

CSS的代码量也很足很细致，使用hover来完成过渡效果鼠标滑过效果等，使用表格表单补充模块，为方便新手学习页面中没有。

使用代码量较大，总工作量也偏大从研究规划到最终实现，笔者 选取了与之同系列的颜色配色，鼠标滑过每一条折线都会产生很好。

CSS，帮助你动态地更改页面如果想要通过点击一个元素，就更 当用户点击鼠标让鼠标在元素上滑过按键等时，事件就发生了。

HTML结构和css代码都跟上节课一样，不知道或忘了的童鞋可以先去看看上节的内容现在我们先来实现纯自动切换的效果这里要使。