Javascript 如何更改所选链接的背景?
我正在使用Javascript 如何更改所选链接的背景?,javascript,html,css,Javascript,Html,Css,我正在使用 我想更改所选或页面的背景。 请指导我哪种解决方案最适合这一点,并请提供任何帮助材料 谢谢 也许你需要这样的东西 $('li').click(function(){ $(this).css({'background-color':'red'}); }); 因此,如果要将背景添加到活动li,则应将:active添加到li。 活动选择器用于选择活动链接并设置其样式。 li:active{ background:#fff; } 在样式表中定义它 您可以
我想更改所选
或页面的背景。
请指导我哪种解决方案最适合这一点,并请提供任何帮助材料
谢谢 也许你需要这样的东西
$('li').click(function(){
$(this).css({'background-color':'red'});
});
因此,如果要将背景添加到活动li,则应将:active添加到li。
活动选择器用于选择活动链接并设置其样式。
li:active{
background:#fff;
}
在样式表中定义它
您可以将:活动更改为:悬停
这是你可能需要的教程
另外,由于这个问题很常见,您应该先查看堆栈存档或用谷歌搜索您的问题。
如果要在列表项激活时更改其样式,请使用伪类:active
例如:
请注意,激活与选择不同
:active伪类在激活元素时应用
由用户提供。例如,在用户按下鼠标的时间之间
按钮,然后将其释放。在具有多个鼠标按钮的系统上,
:active仅适用于主或主激活按钮
(通常为“左”鼠标按钮)及其任何别名
资料来源:
挑选
如果要在列表项对应的页面上将其标记为选中,可以使用JavaScript在客户端检查URL并在LI
上设置类名
if( window.location.href.lastIndexOf("jshell.net") != -1 )
{
document.getElementById("foo").className = "activeItem";
}
完整示例:
您还可以在服务器端设置类名(这通常是我的首选方法)。您好,您可以使用此技巧
#菜单空间li.active a{
背景:#fff;
颜色:#2175bc;
或参阅现场示例:-
创建一个列表,而不是一个链接。另外,请告诉我们更多信息。您想在单击列表时更改列表的背景色/图像吗?这就是您所说的“选中”吗?@Amaan
创建一个列表项,而不是列表。@Gumbo谢谢。这就是我的意思。我认为这里没有必要使用javascript。