请教网页不同区域展示不同鼠标指针形状的实现方法？

请教网页不同区域展示不同鼠标指针形状的实现方法？比如QQ空间照片：我把鼠标移到图的左半区域为向左的图标箭头。移到右边就是向右的箭头。比如新浪微博的照片：图片缩小时，显示缩小的图。图片放大时，显示为放大的图。

cursor: url(xxx.ani); //动态图标cursor: url(xxx.cur);  //静态图标图标要用软件制做专门的图片，不能用改后缀名的方式修改其它格式的图片生成.ani或.cur图标。不过 IE only
不过 FF下可以这样：*{cursor:none;} 用这样式隐藏鼠标图标，然后用JS写一个鼠标跟随的事件，让一个图标作为鼠标在页面上显示。但是，杯具的是，opera不支持cursor:none;当然，也不支持cursor: url(xxx.ani)所以，哎，作前端开发的TMD的命苦啊！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png"
 onmousemove="handleMouseMove(event)"
 />

 <script type="text/javascript">
function handleMouseMove(e){
var evt =e||event;
var srcEl =evt.target||evt.srcElement;
var rect =srcEl.getBoundingClientRect();

var width =srcEl.offsetWidth;
var xPos =evt.clientX;
var isInLeft=Math.round((xPos-rect.left)/width)==0;

if(isInLeft){
srcEl.style.cursor="wait";
}else{
srcEl.style.cursor="help";
}
}
 </script>
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</body>
</html>
请问四楼。
var isInLeft=Math.round((xPos-rect.left)/width)==0;
这种写法的，逻辑能给我说明一下吗？