Question

怎么利用CSS代码控制导航图片翻转效果？

我想做一个超连接图片导航，事先作好3个导航图片，第一步鼠标放在网页最初图片连接上，这时图片就换成第2张导航图片，按下该图片后又换成第3种导航图片并连接到指定网址，怎么利用CSS代码控制这个脚本？

Answer 1

a:link{background:url("a.jpg")} 链接默认状态
a:visited{background:url("a.jpg")} 链接访问过以后的状态
a:hover{background:url("b.jpg")} 当鼠标移动上去的状态
a:active{background:url("c.jpg")} 当前的活动状态

放到样式里面就可以了

具体的导航名称自己定义！

Answer 2

a:link{background:url("a.jpg")}
a:visited{background:url("a.jpg")}
a:hover{background:url("b.jpg")}
a:active{background:url("c.jpg")}

Answer 3

可以通过CSS超链接的伪类来实现。
假设你的常规图片、鼠标移上后的图片和按下后的图片分别是1.jpg、2.jpg、3.jpg，
CSS中就可以这么写：
a {
background:url("1.jpg");
}

a:hover {
background:url("2.jpg");
}

a:visited {
background:url("3.jpg");
}

另外还有另外两个方法，在这里用不到：
a:active 这个表示鼠标点下时候的状态
a:link 这个是默认状态，有些时候和a可以替换

不知道说清楚没有哈。^^