html鼠标怎么设置停留在哪里,CSS问题：怎样让鼠标经过按钮时发生的状态一直停留在当页呢？...

匿名用户

1级

2013-03-28 回答

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

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

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

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

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

你需要写段程序(用什么语言写不重要)，原理是把当前的url取出来判断：

当 url 的第一个“.”前面为：zhidao 时，给 百度知道 这个 链接加一个 class="red"

当 url 的第一个“.”前面为：fanyi 时，给 百度翻译 的 加一个 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。