【问题标题】:Menu ( onclick help ) - css菜单(onclick 帮助)- css
【发布时间】:2011-06-13 23:36:11
【问题描述】:

好的,我现在几乎已经修复了我们的菜单系统。

我现在唯一的问题,似乎是 onclick 将菜单项状态更改为 ACTIVE

所以这里是小提琴:http://jsfiddle.net/ozzy/6pxaE/

基本上,onclick 我需要单击菜单项更改为:背景颜色#ec008c 和颜色为#fff,没有文字阴影。正如我在上面的小提琴中看到的那样。

其他一切似乎都正常。

任何帮助表示赞赏。请不要JS

【问题讨论】:

  • 当您点击一个链接时,您将被带到另一个页面。您要么想将current 之类的class 添加到单击的按钮在新页面上(以向用户显示他们在哪个页面上),或者我不明白。
  • 三十点,我就是这样一个 TWOT !我真是太愚蠢了,对不起。我像猪一样厚* t ...我正在处理一个文件..忘记添加 class= current or active grrr Cheers
  • 没问题。在某些时候,每个人都会犯这样的错误。

标签: css menu


【解决方案1】:

假设您想要在导航中突出显示当前活动页面,我认为this is still the easiest way 可以完成您想要的。

这行得通吗?

【讨论】:

  • 我试图避免 id,但看起来它是给定的。干杯
  • 是的,使用 JavaScript 很容易做到这一点,但听起来这不是您的首选。
  • 这也是我会使用的。 +1。
  • 没问题,很高兴它有用。
【解决方案2】:

为了使您的所有“活动”状态呈粉红色,以下内容适用于您的最后几行 CSS:

.white ul li a:active, .white li a:active{ background-color:#ec008c;color:#fff;display:block;text-shadow: none !important;
}

http://jsfiddle.net/ExUdM/

我只在 Chome、Firefox 和 IE9 中测试过这个

【讨论】:

  • 在 FF9 上没有为我工作,之前尝试过......我一定错过了一些东西。我想也许你的修复和 g_thom 的组合是可行的,谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-11-22
相关资源
最近更新 更多