而且a标签在也不影响什么的呀，为什么呀去掉呢。你只要把a标签的href=""改为href="javascript"就可以了
这个一般是用css来显示特定内容的。譬如有张图片icon.png，里面有很多内容，便可以在css中这么用。
.sa
{width:20px
height:20px
overflow:hidden
background:url(icon.png)
no-repeat
-20px
-30px}
注解：
宽度和高度是控制显示范围的
overflow:hidden是确保不会有多余显示
background:url(icon.png)是使用图片作为背景显示，并且也只能作为背景显示才能达到这种做法的目的
no-repeat是不会重复，这个不是必须的，不过有会规范一些
-20px
-30px是图片的定位，显示时会将图片按这个坐标来定位
上面只是针对固定大小的显示内容来定义的，如果大小不固定，在background属性中有可能需要更改设置。不过重点是这种方式是这么使用的。
如果大小不固定，也可以这样定义，让背景自适应：
.sa
{width:auto
height:20px
overflow:hidden
background:url(icon.png)
no-repeat
right
bottom}
对于图片2(首页标签)的内容，也是这么使用的：
.a
{width:100px
height:25px
overflow:hidden
background:url(2.png)
no-repeat
left
center}
.a:hover
{background-position:right
center}
这样一来，当鼠标移到元素时，背景定位发生变化，显示的内容便由左边的变成右边的了。
不过你应该对css这方面还不是很了解，目前可能还没有很便捷的方式对这些css进行快速定义，所以也只能告诉你是这么一回事，但未必能帮得上你。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>
<title>New Document </title>
<script src="jquery.js"></script>
<script>
$().ready(function(){
//下面三行是初始化页面时，默认1的透明度是100%；2，3的透明度是60%。
$('#pica').css('opacity', '1.0')
$('#picb').css('opacity', '0.6')
$('#picc').css('opacity', '0.6')
initevent()
})
//页面加载时为小写1，2，3注册单击事件。
function initevent(){ $('span').each(function(){
$(this).click(function(){//当点击发生时
//下面五行的作用是，当单击事件发生时，默认将所有小写1，2，3透明度变成60%。
$('span').each(function(){
$('#pica').css('opacity', '0.6')
$('#picb').css('opacity', '0.6')
$('#picc').css('opacity', '0.6')
})
//这行就是当单击事件发生时，对应提示也改变的代码了。你是图片，道理也是一样的。
$('#bigpic').text($(this).html())
$(this).css('opacity', '1.0')//这行的作用是，被单击的那个透明度编程100%
})
})
}
</script>
</head>
<body> <div id="bigpic">1</div>
<span id="pica">1</span><span id="picb">2</span><span id ="picc">3</span></body>
</html>
我这边用的是数字，你将他换成你的图片就可以了。上面代码我已经运行，是可以的（注意要把jquery库引入）。
