单击后如何保持列表元素突出显示?
|
这个问题是关于突出显示ListItems。
我通过使用以下类突出显示列表项。
ul.category_list li {
background: none repeat scroll 0 0 #B73737;
border-bottom: 1px solid #CCCCCC;
color: #953131;
display: block;
height: 29px;
width: 242px;
}
ul.category_list li a:link,ul.category_list a:visited {
display: block; width: 227px; height: 18px; padding: 5px 0 6px 15px;
background: #fff; text-decoration: none; color: #666; }
ul.category_list li a:hover {
display: block; width: 227px; height: 18px; padding: 5px 0 6px 15px;
background: #e5e5e5 url(../images/disc_apps/nav_over.jpg) no-repeat; text-decoration: none; color: #666; }
ul.category_list li a:active {
display: block; width: 227px; height: 18px; padding: 5px 0 6px 15px;
background: #e5e5e5; text-decoration: none; color: #666; }
请在http://jsfiddle.net/XMbAS/上参考此工作示例
现在,我想要的是,除非我单击其他元素,否则单击的元素应保持突出显示状态。当前没有发生。请帮助我。如果jquery有任何可能,请告诉我。
谢谢
没有找到相关结果
已邀请:
2 个回复
期差骇蓟
贡炮逗握惫
JS Fiddle演示。 但这没有看到您的JavaScript或UI的其余部分。因此,您可能必须根据自己的需要进行调整。 修改了jQuery以更好地满足您的需求,并展示了CSS的使用:悬停
CSS:
使用CSS:hover伪元素修订了JS Fiddle 或者,使用jQuery的
方法:
JS Fiddle演示,使用jQuery
方法。 参考文献: