放大：使用css的过渡效果translate就可以了实现
如果你要同时实现，那就都用animate，样式代码写在一起
<style>.nav
{width:100%}
.nav
a
{display:inline-blockwidth:80px
color:#000font-size:12pxpadding:10px}
.nav
a:hover
{border:1px
solid
#ddd
color:red}
</style>
<div
class="nav">
<a
href="#">导航一</a>
<a
href="#">导航一</a>
<a
href="#">导航一</a>
</div>时间关系只写出CSS和HTML，其它没写
<html><head>
<style type="text/css">
body{background:#000}
.div{
width:477px
height:648px
background:#FFF
padding:1px
margin:0px auto
}
.div:hover{
width:477px
height:648px
background:#f00
padding:1px
margin:0px auto
}
</style>
</head>
<body>
<div class="div"><img src="images/big2.jpg" /></div>
</body>
</html>
先将图片放在一个标签里 a和div标签都可以，让侯设置这个标签大小正好和图片大小一样，给标签加上一个padding:0px设置标签的背景颜色和串口颜色一样，假如是白色，然后写鼠标移动到图片上的样式，只需要将标签的背景色改成红色就可以了。
