如何使用动作样式更改jsp html链接

时间:2016-12-15 01:20:32

标签: java html css jsp

现在,我有一个jsp页面,其标签类似于:

<html:link action="/SequenceA">A</html:link>&nbsp;
<html:link action="/SequenceB">B</html:link>&nbsp;
<html:link action="/SequenceC">C</html:link>&nbsp;
<html:link action="/SequenceD">D</html:link>&nbsp;
<html:link action="/SequenceE">E</html:link>&nbsp;
<html:link action="/SequenceF">F</html:link>&nbsp;
<html:link action="/SequenceG">G</html:link>&nbsp;
<html:link action="/SequenceH">H</html:link>&nbsp;
<html:link action="/SequenceI">I</html:link>&nbsp;

结果看起来像这样:

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

1 个答案:

答案 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;}