Question

CSS问题：怎样让鼠标经过按钮时发生的状态一直停留在当页呢？

CSS问题：怎样让鼠标经过按钮时发生的状态一直停留在当页呢？类似http://www.iplaysoft.com/archives 按钮样式在新页面显示

Answer 1

$("p").mouseenter(function(){
$("p").css("background-color","yellow");

});
只写mouseenter的动效的话，鼠标经过之后，状态会一直保留，如果想要鼠标离开之后出现新的状态，就在后面再加一个mouseleave事件，
如果简单一点的，hover就可以直接完成，但是hover是包含鼠标进入和离开2种状态的。

Answer 2

两个方法
常规方法：用js，js里有个点击事件可以改变当前标签的css样式；
特殊方法：如果你不会js那么你就要给不同的页面导航相对应的菜单，单独添加一个class
然后单独设置这个class 的背景。

Answer 3

那个不是css实现的，css只是实现了按钮的样式部分，主要是写了断程序给当前链接输出一个css的class或id

这个用asp、php、.net等服务器端编程或javascript前端判断地址都可以做到

比如说一个导航栏上有三个url：

zhidao.baidu.com | fanyu.baidu.com | news.baidu,com

分别链接到：百度知道 | 百度翻译 | 百度新闻

你需要写段程序(用什么语言写不重要)，原理是把当前的url取出来判断：
当 url 的第一个“.”前面为：zhidao 时，给 百度知道 这个 <a> 链接加一个 class="red"
当 url 的第一个“.”前面为：fanyi 时，给 百度翻译 的 <a> 加一个 class="red"
...

当你点 百度知道 这个链接后，浏览器转到 http://zhidao,baidu,com 程序判断到 zhidao 前缀，就加上 class="red" ，这个当前链接颜色就把 知道 突出为红色了，而 翻译 和 新闻 两个链接没有这个 class 就是默认的样子。

追问

具体怎么写 我是门外汉啊

追答

写出来的前提是：

1.asp、jsp、php、ruby、python、,net(取决于你网站后台用什么语言编程)...
2.javascript 脚本

上面1、2你至少得会一样。不然不是一时半会你能写出来的。

追问

php 你会不

追答

百度：
javascript 高亮当前页面，出来结果第1、2、4条都是讲这个的，第四条有详细html、css、js代码。

百度：php 高亮当前页面，也应该有大量现成代码

--------------------补充----------------

我错了，不是非要js、asp、php不可，只用css也可以实现你要这个效果，抱歉之前回答没细想，是觉得貌似看过这种东西，查了下有办法。

主页
新闻
商城
关于

-------------css------------

#nav a{color:#blue;}

#home #nav .n-home a,
#news #nav .n-news a,
#shop #nav .n-shop a,
#about #nav .n-about a{color:red;}

把这些页面的body都加上独自的id：
主页面加：
新闻页面：
商城页面：
关于页面：

这样默认链接是蓝色，而每个当前页面对应的链接是红色，你可以自己改成背景图。

这个方法缺点是：
要加多余的id或class；
CMS或建站程序自动生成模板的页面要往body上加id不是很方便
所以实用性不广，只适合页面少的站点，手动加id。

Answer 4

改变样式，用class来做

追问

具体呢

追答

假设你现有滑过按钮样式 a
那js就可以这样写：

onmouseover="this.className='a'";

Answer 5

这个用动态语言实现比较好，用js实现起来比较麻烦