今天下午我忽然想到如何用css实现鼠标经过按钮时的不同状态，而且当点击后只有被点击按钮变成
与其它不同，而其它的都相同。会用css的人都知道，实现鼠标经过按钮时的不同状态很简单，现在
我写个举个例子：
。over {
background-image:url("images/ f");
background-position:center cente;
background-repeat:no-repeat;
width:127px;
height:58px;
}
。
out {
background-image:url("images/ f");
background-position:center cente;
background-repeat:no-repeat;
width:127px;
height:58px;
}
。
link {
background-image:url("images/ f");
background-position:center cente;
background-repeat:no-repeat;
width:127px;
height:58px;
}
而在表格中加上但这样做的效果是，只有当鼠标作用在按钮上是时才起
作用，而鼠标出来后就是out状态了，就算你点击其它按钮，鼠标动作的按钮还是out状态。
这不是我
们要的效果，那么如何才能实现我们要的效果呢？由于我是做界面的（不会程序，唉），只有用最笨
的方法了
方法如下：
。link {
background-image:url("images/ f");/* 紫色 */
background-position:center cente;
background-repeat:no-repeat;
width:127px;
height:58px;
display:block;
}
。
link a:hover{
background-image:url("images/ f");/* 黄色 */
background-position:center cente;
background-repeat:no-repeat;
width:127px;
height:58px;
display:block;
}
。
select a{
background-image:url("images/ f");/* 蓝色 */
background-position:center cente;
background-repeat:no-repeat;
width:127px;
height:58px;
display:block;
}
。
select a:link{
background-image:url("images/ f");/* 蓝色 */
background-position:center cente;
background-repeat:no-repeat;
width:127px;
height:58px;
display:block;
}
在 ml界面中对于button1(紫色) text
对于button2(紫色) text
在 ml界面中对于button1(紫色) text
对于button2(紫色) text
这样一来，只有链接本页的按钮变色，其它还是原来色啦！而鼠标经过时的那一瞬间的变化包含
在。
link a:hover中了。
/* 基本实现思想就是这样，到于按钮上如果有文字的话如何变，我想你会这个按钮变化后，文字也
不会是个问题的 */
。
答：如果不使用框架，可以在每个页面设置导航条，导航条设一组链接按钮，供浏览者选择使用。按钮有多种形式，下边介绍由鼠标经过图像变换按钮的组成的导航条制作：（导航条在页...详情>>
答：哪那么麻烦 会dreamweaver/frontpage就可以了 3D,clowdrow我两年都没用过了详情>>
答：做漂亮是网页方面的问题了 要是做动态的话要会程序懂语言才好写 动态的网站的话就是具有一定的交互功能 可以让网友与站点管理人员进行一定程度的交流的 比如会员系统产...详情>>
