前面的章节中讲到用hover来改变html元素的背景颜色（点击查看详情），这一章节我们采用OnMouseOver事件来完成。

onmouseover 属性是指在鼠标指针移动到HTML元素上时触发。

新建一个文件，在文件视图中绘制一个div，设置宽度和高度，然后找到属性面板，然后找到事件（闪电图标），点击OnMouseOver右侧"..."部分。

设置事件名称为：ouseovertest

填写“JS脚本“为：alert('this is ouseovertest');

让鼠标经过元素时候弹出一个警告框。

如下图：

然后点击确认。

保存视图文件，F5预览。如下图：

当鼠标经过时候会提示警告框

生成的JS脚本如下：

<div class="_event_dff94cc0">
文本
</div>
<script type="text/javascript">
function ouseovertest(event){
alert('this is ouseovertest');
}

$('._event_dff94cc0').bind('mouseover',ouseovertest);
</script>