请问如何用css/Jquery实现大的鼠标,以及实现点击表哥高亮度显示

最近上面给个任务,要求做一个layout,如下图所示
图片说明

如图所示,点击时要显示这个大的箭头光标,并且点击的那个表格要高亮显示。而原来的表格就像它下面两个,是看上去模糊的,我也不知道这种模糊的效果在网页上是怎么实现的?

盼望园子里的高手不吝赐教,谢谢

模糊效果是用滤镜做的。。。不同浏览器有不同的关键字。。

css就可以。。需要注意添加xhtml申明,要不cursor不支持多个候选资源设置

 <!DOCTYPE html>
<style>
#dvTable div.opc4{opacity:0.4;filter:alpha(opacity=40);zoom:1}
#dvTable div.opc4:hover{opacity:1;filter:alpha(opacity=100);cursor:url(http://avatar.csdn.net/6/4/7/3_u011696233.jpg),pointer;}/*可以继续添加cursor的候选资源,用逗号隔开,ie需要使用.cur文件*/
</style>
<div id="dvTable">
<div class="opc4"><table border="1"><tr><td>表格一</td></tr></table></div>
<div class="opc4"><table border="1"><tr><td>表格二</td></tr></table></div>
<div class="opc4"><table border="1"><tr><td>表格三</td></tr></table></div>
<div class="opc4"><table border="1"><tr><td>表格四</td></tr></table></div>
</div>