Question

现在，我有一个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

Answer 1

因此，当呈现时，您需要向页面添加内容以指示当前正在查看哪个字母。例如，如果您向该字母链接添加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;}

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

1 个答案: