マウスポインタが要素外から要素上に入った時(mouseover)に発生するイベントです。
以下、サンプルソースです。

<html>
<head>
<title></title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript">
$(document).ready(function(){
	$("#area1").mouseover(function(){
		$("#area1").css("backgroundColor", "purple");
	});

	$("#area1").mouseout(function(){
		$("#area1").css("backgroundColor", "yellow");
	});
});
</script>
</head>
<body>
<div id="area1">ここにマウスを乗せると背景色が変わります</div>
</body>
</html>

以下の文言にカーソルを乗せてください。

ここにマウスを乗せると背景色が変わります。