单击时更改颜色的链接，重新加载页面时恢复

单击时更改颜色的链接是一种在网页中实现交互效果的常见方式。当用户单击这样的链接时，链接的颜色会发生变化，以提供视觉反馈，告知用户已经点击了该链接。

这种交互效果可以通过CSS来实现。通过为链接设置不同的伪类选择器样式，可以在链接被点击时改变其颜色。常用的伪类选择器有:link（未访问链接）、:visited（已访问链接）、:hover（鼠标悬停在链接上）、:active（链接被点击时）。

以下是一个示例代码，演示了如何实现单击时更改颜色的链接效果：

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
  color: blue; /* 未访问链接的颜色 */
}

a:visited {
  color: purple; /* 已访问链接的颜色 */
}

a:hover {
  color: red; /* 鼠标悬停在链接上的颜色 */
}

a:active {
  color: green; /* 链接被点击时的颜色 */
}
</style>
</head>
<body>

<a href="https://www.example.com">点击我</a>

</body>
</html>

在上述示例中，链接的初始颜色为蓝色（:link），当链接被点击后，颜色会变为绿色（:active）。当鼠标悬停在链接上时，颜色会变为红色（:hover）。如果用户已经访问过该链接，颜色会变为紫色（:visited）。

这种单击时更改颜色的链接可以应用于各种网页中，例如导航菜单、按钮、标签等，以提供更好的用户体验和交互效果。

腾讯云提供了丰富的云计算产品和服务，其中与网页开发相关的产品包括云服务器（CVM）、云数据库MySQL版（CDB）、内容分发网络（CDN）等。您可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。

单击时更改颜色的链接，重新加载页面时恢复

javascript、html、jquery、css

我正在尝试创建图标包裹在标签中的样式。当你点击图标时，它会改变颜色，这样你就知道它已经被点击了。重新加载页面后，图标将恢复为未单击的原始颜色。这将用于具有数十个或数百个图标的页面，类似于表格；所以这就是为什么查看被点击的内容很重要。

浏览 63提问于2021-08-17得票数 0

1回答

如何停止在chrome中重新加载标头

javascript、jquery、css、google-chrome、firefox

我有一个依赖于浏览器的小问题。如果你打开这个链接，Chrome和mozilla firefox中的http://mazzeyprod-env-wbyfpn2srt.elasticbeanstalk.com/，你可以看到在MozillaFirefox中，如果点击页眉上的任何按钮，页面会平滑过渡，但如果你在chrome中做同样的事情，它会重新加载整个页面。但在Mozilla中，标题总是留在页面</em

浏览 0提问于2013-11-08得票数 0

3回答

在Backbone.js中使用基于IE7哈希的导航

backbone.js

我正在构建一个基于哈希导航的Backbone.js应用程序。除了IE7，它在任何地方都很好。在IE7中，当我单击更改哈希的链接时，所发生的情况是：在加载每个页面之后，我通过向控制器添加saveLocation调用来使链接工作，但是当我使用back按钮或<e

浏览 3提问于2011-03-15得票数 1

回答已采纳

3回答

：使用浏览器的后退按钮返回浏览器后，悬停状态仍处于活动状态

html、css

当我将鼠标悬停在导航中的一个链接上时，它的颜色发生了变化。我在Firefox和Safari中遇到了一个奇怪的问题:当我在浏览器中返回(通过用鼠标单击back按钮)并悬停了一个链接后，该链接的颜色不会更改为其原始状态。它具有悬停状态。只有在鼠标重新进入站点后，颜色才会变回黑色。如何在页面加载时立

浏览 0提问于2016-02-18得票数 4

3回答

突出显示jquery中的当前页面

javascript、jquery、regex

我有12个html页面。当单击左侧导航栏链接时，所有这些页面都会加载。在这里，我需要向当前链接添加一个类，单击该链接并加载页面。alert('wrong');}) 它可以工作，但是在

浏览 0提问于2010-06-02得票数 3

回答已采纳

2回答

这个ajax调用如何在浏览器缓存中持久化DOM更改？

ajax、browser-cache

也就是说，当我单击锚点时，它会将颜色从红色变为绿色，在浏览器加载页面B之前可以短暂地看到它。我猜想Safari正在以某种方式更新它缓存的页面版本，而Firefox却没有。>B&l

浏览 6提问于2010-04-17得票数 2

回答已采纳

2回答

如何使用CSS将背景颜色转换为引导页面中的淡出？

jquery、twitter-bootstrap、transition、background-color、css-animations

现在，当我单击一个链接并进入页面B时，bg-color是正如你可能猜到的，从白色到这种绿色的变化是相当突然的。当我的页面加载时，它会自动将颜色从#fff更改为# color --这里是持续时间X，有没有办法实现这种转换?不管它是由CSS还是jquery完成的。有所有的:hov

浏览 0提问于2014-07-04得票数 3

回答已采纳

3回答

如何在页面重新加载时保持背景色的变化？

javascript、html、css

我有一个表格，其中包含一个单元格，当单击这些单元格时，会将该单元格的背景色更改为绿色。但是，当我重新加载页面时，背景色会恢复到原来的颜色:白色。有什么办法可以防止它恢复吗？在我点击之后让它保持绿色？<center>-</center> <center>-<&#x

浏览 1提问于2016-08-13得票数 6

回答已采纳

1回答

通过菜单导航时，Asp.Net MVC布局仅重新加载RenderBody()

jquery、asp.net、ajax、asp.net-mvc、angularjs

我有布局与导航菜单，当我点击菜单-整个页面重新加载。如何重新加载RenderBody()部分中的视图？做这件事最好的方法是什么？

浏览 0提问于2014-06-14得票数 1

1回答

Jquery自动单击问题

jquery、navigation、click

我已经编写了响应图像开始单击的代码，通过以下代码自动单击导航栏中的链接：}在每种情况下，.trigger('click')和.clic

浏览 0提问于2011-09-13得票数 0

回答已采纳

3回答

导航标签保持一定的颜色

javascript、jquery、asp.net、css

我正在使用ASP.net，并有一个利用导航的母版页。我的问题是，当我点击一个链接时，它会加载一个不同的asp页面，但导航标签不会切换到点击的颜色，它会恢复到原来的颜色。由于所有页面的加载都是相同的，我不能只使用CSS，因为页面是重新加载的。有没有办法编写一个

浏览 0提问于2013-10-18得票数 0

3回答

如何在点击按钮时永久改变颜色

javascript、html、css

我有一个功能，可以在点击按钮时改变框的颜色，它工作得很好。我的问题是，当我重新加载页面时，CSS将恢复为原始的框颜色。有没有办法让改变后的盒子颜色永久化。即使页面重新加载，更改后的颜色也不会恢复。不能使用本地存储和cookie，因为它们不会

浏览 34提问于2021-05-07得票数 0

2回答

更改div class onclick -并保存更改

javascript、css、dom

但是，当我沿着从我的页面到其他地方的链接，然后单击back按钮时，类名称就会恢复。(Safari和Firefox做对了，Chrome做错了。)在Chrome中，我动态做出的大多数其他更改，例如点击处理程序，在我返回页面时也会恢复(尽管它会记住新插入的div)。请注意，当我按下“后退”时，Chrome和其他浏览器都不会重新

浏览 0提问于2011-11-19得票数 2

回答已采纳

1回答

Joomla更改菜单项颜色

css、joomla、joomla1.5

我希望当菜单单击并显示页面时，菜单项的颜色会更改为其他颜色。在查看相应页面时显示活动的菜单项第1页第3页单击链接"page1“将打开examplesite.com/page1，左侧的"page1”菜单项显示为“绿色”。实际链接：希望左侧导航在查看时变为灰色，未查看<

浏览 3提问于2012-01-09得票数 0

2回答

停止WebView呈现，直到页面完全加载

android、user-interface、webview、rendering

我正在开发一个使用WebView的应用程序。不幸的是，当用户单击链接时，当页面加载时，整个WebView区域都会“闪烁”，直到加载完成。它还有一个问题--我使用了一个在页面加载结束时反转页面颜色的JavaScript -所以在它完全加载之前，颜色是正常的，所以再次-闪烁。所以

浏览 2提问于2014-01-05得票数 2

5回答

按钮onclick()事件不应打开链接

php、html

这可能听起来很奇怪，但我想要一个带有链接的按钮，当用户单击它时，它不会打开：我之所以这样做，是因为这个链接具有重新创建页面的PHP值。按钮是用新的背景颜色打开的。我不能只用 document.body.style.ba

浏览 3提问于2013-05-28得票数 0

回答已采纳

4回答

单击链接时PHP重新加载页面

javascript、php、caching、hyperlink、reload

我想在用户单击链接时重新加载我的页面。我使用的是window.location.reload(true)函数，它重新加载了页面，但它使用的是缓存版本。我想让它完全重新加载！我正在使用Google Chrome测试我的主页！

浏览 0提问于2014-01-21得票数 0

5回答

href不能重新装载

html、hyperlink

我正在测试以下链接：但是，正如预期的那样，它重新加载了我的当前页面。如何防止它重新加载页面，但维护分配给它的-a标记？ (谢谢;)

浏览 9提问于2013-09-04得票数 46

回答已采纳

2回答

单击href链接时重新加载页面

javascript、html

我有一个web应用程序，其中index.jsp是一个欢迎页面。Index.jsp包含UI代码。我有多个html文件，它们有相同的href链接。我的问题是，只要我点击链接，UI就会被重新加载。因此，当url相同时，应该维护UI，并且不应该重新加载页面。<!

浏览 2提问于2015-08-21得票数 0

1回答

如何设置永久禁用/启用铬扩展样式表的选项？

javascript、google-chrome、google-chrome-extension、popup、toggle

我很想做同样的事情。当用户单击扩展的浏览器图标时，它会弹出已定义的弹出。当用户单击弹出窗口中的按钮时，我需要创建一个切换按钮来打开/关闭特定页面/域的样

浏览 2提问于2013-04-21得票数 2

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

单击时更改颜色的链接，重新加载页面时恢复

相关·内容

单击时更改颜色的链接，重新加载页面时恢复

如何停止在chrome中重新加载标头

在Backbone.js中使用基于IE7哈希的导航

：使用浏览器的后退按钮返回浏览器后，悬停状态仍处于活动状态

突出显示jquery中的当前页面

这个ajax调用如何在浏览器缓存中持久化DOM更改？

如何使用CSS将背景颜色转换为引导页面中的淡出？

如何在页面重新加载时保持背景色的变化？

通过菜单导航时，Asp.Net MVC布局仅重新加载RenderBody()

Jquery自动单击问题

导航标签保持一定的颜色

如何在点击按钮时永久改变颜色

更改div class onclick -并保存更改

Joomla更改菜单项颜色

停止WebView呈现，直到页面完全加载

按钮onclick()事件不应打开链接

单击链接时PHP重新加载页面

href不能重新装载

单击href链接时重新加载页面

如何设置永久禁用/启用铬扩展样式表的选项？

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐