html超链接点击后自动变色状态栏,JS实现菜单点击后变色

要实现超链接点击后自动变色状态栏，可以使用CSS的:visited伪类。例如：

a:visited {
  color: purple;
}

这样，当链接被访问过后，它的颜色就会变成紫色。

而实现菜单点击后变色，可以使用JavaScript。例如：

HTML代码：

<ul id="menu">
  <li><a href="#">菜单项1</a></li>
  <li><a href="#">菜单项2</a></li>
  <li><a href="#">菜单项3</a></li>
</ul>

JavaScript代码：

var menu = document.getElementById("menu");
var links = menu.getElementsByTagName("a");

for(var i = 0; i < links.length; i++) {
  links[i].onclick = function() {
    for(var j = 0; j < links.length; j++) {
      links[j].classList.remove("active");
    }
    this.classList.add("active");
  }
}

这样，当菜单项被点击后，它的class会变成"active"，从而可以通过CSS来设置它的样式。

相关问题

html超链接点击后变色

可以使用CSS来实现超链接点击后变色的效果。

可以使用以下代码：

a:link {
  color: blue; /* 设置默认颜色为蓝色 */
}

a:visited {
  color: purple; /* 设置访问过的链接颜色为紫色 */
}

a:hover {
  color: red; /* 当链接处于鼠标悬停状态时，设置颜色为红色 */
}

a:active {
  color: green; /* 当链接被点击时，设置颜色为绿色 */
}

在上面的代码中，`:link` 选择器用于设置默认情况下的链接颜色，`:visited` 选择器用于设置访问过的链接颜色，`:hover` 选择器用于设置鼠标悬停时的链接颜色，`:active` 选择器用于设置链接被点击时的颜色。可以根据自己的需要进行调整。

html超链接访问后变色

可以使用 CSS 来实现链接访问后变色的效果。可以使用 `:visited` 伪类来选择已访问的链接，并设置其颜色属性。

例如：

a {
  color: blue; /* 设置链接颜色为蓝色 */
  text-decoration: none; /* 取消下划线 */
}

a:visited {
  color: purple; /* 设置已访问链接颜色为紫色 */
}

这段 CSS 代码将会把所有链接的颜色设置为蓝色，而已访问的链接的颜色将变为紫色。同时，`text-decoration` 属性被设置为 `none`，以取消链接的下划线。