2016-12-15 189 views
0

现在改变与动作风格JSP的HTML链接,我有有这样的一个标签的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; 

结果会是这个样子:

ABCDEFGHI

但是,我想在点击时更改样式链接。当我点击任何字母表时,我怎么能实现它,刷新它,并将它打开一切?例如,如果我点击'G','G'的字体大小将增加1,它将变成粗体。然而,在我点击'G'后,我点击'H','G'将被取消打印,字体大小将变回正常字体大小,'H'将变为粗体,字体大小将增加1。由于刷新,将取消粗体一切

预期结果

当我点击G上

ABCDEF HI

在这之后我点击^ h

A B C d E F G ^h

当前由于成绩刷新

A B C d E F G H I

+0

是网页确实重装,或者您使用AJAX调用操作页面? –

+0

你期望什么?你的一个使用链接,当然它想链接到一些东西。除了你所描述的造型之外,你在这里想达到什么目的?为什么你首先使用链接?您可以使用JavaScript并在链接上返回false以阻止链接正常工作。 – partypete25

+0

页面正在重新加载,当字母被点击时,它会去数据库并检索所有相关的数据对应的字母表。 – qcccc

回答

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