现在,我有一个jsp页面,其标签类似于:
<html:link action="/SequenceA">A</html:link>
<html:link action="/SequenceB">B</html:link>
<html:link action="/SequenceC">C</html:link>
<html:link action="/SequenceD">D</html:link>
<html:link action="/SequenceE">E</html:link>
<html:link action="/SequenceF">F</html:link>
<html:link action="/SequenceG">G</html:link>
<html:link action="/SequenceH">H</html:link>
<html:link action="/SequenceI">I</html:link>
结果看起来像这样:
A B C D E F G H I
但是,我想在点击时更改样式链接。我怎么能实现,当我点击任何字母表,它刷新,它会解开一切?例如,如果我点击了&#39; G&#39;,字体大小为&#39; G&#39;将增加1,它将变得大胆。然而,在我点击了G&#39;之后,我点击了&#39; H&#39; G&#39; G&#39;将是unbold,字体大小将改回其正常的字体大小和&#39; H&#39;将是粗体,字体大小将增加1.但由于刷新,它将解除所有内容
预期结果
当我点击G
时A B C D E F G H I
之后我点击H
A B C D E F G H I
因刷新而导致的当前结果
A B C D E F G H I
答案 0 :(得分:0)
因此,当呈现时,您需要向页面添加内容以指示当前正在查看哪个字母。例如,如果您向该字母链接添加active
类,那么您需要做的就是在CSS中添加此引用。
所以如果您的html输出如下所示:
<div class="alphabet">
<a href="/">A</a>
<a href="/">B</a>
<a href="/" class="active">C</a>
...
</div>
你的css看起来像这样:
.alphabet a {font-size:12px}
.alphabet a.active {font-weight:bold; font-size:13px;}