如何在单击其他链接时将我的超链接颜色更改回原始颜色?超链接指向同一页面。
请检查此 DEMO
从上面的例子中你可以看到,当点击苹果然后点击葡萄/香蕉.. 两者都变成相同的颜色,因为(已访问)。单击任何链接时如何使其只有一种颜色(绿色)
最佳答案
您可以使用 jQuery
$('body a:link').click(function()
{
$('body a').removeClass('active');
$(this).addClass('active');
});
a:link {
color: blue;
}
/* visited link */
a.active {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="fruit" href="#apple">apple</a></span>
<a class="fruit" href="#grape">grape</a></span>
<a class="fruit" href="#banana">banana</a></span>
<div style="height:500px"></div>
<a name="apple"> apple here</a>
<a name="grape"> grape here</a>
<a name="banana"> banana here</a>
关于html - 单击其他超链接时更改超链接颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32941317/