关于a链接事件

今天在项目中碰到一个小问题 点击链接替换body的背景图片

代码如下：

　　<a href="javascript:void(0)">1</a>

　　<a href="javascript:void(0)">1</a>

　　<a href="javascript:void(0)">1</a>

　　<a href="javascript:void(0)">1</a>

　　<a href="javascript:void(0)">1</a>

　　<a href="javascript:void(0)">1</a>

<script language="javascript">
$("a").bind('click',function(){
    $('body').css({'background':'url($(this).index()+'.jpg) repeat left top'})
})
</script>

在IE6下面点击没反应，将a换成span正常，后来猜测是不是javascript:void(0)出的问题呢，后来将javascript:void(0)改成#,然后在事件触发中添加了一个return false;一切正常

PS：本来觉得此处用span更符合语义化，但是鼠标移上去要有效果发生（background:#fff），鼠标移走后背景变为原来的颜色，如果用JS来控制的话，还必须记录下来每个DOM的原来颜色，觉得不划算，所以改为a标签