javascript - Jquery 在导航链接鼠标悬停时更改背景颜色

标签 javascript jquery css background mouseover

当我将鼠标悬停在导航菜单中的不同链接上时,我想更改背景颜色。比如说,链接 1.. 背景变为红色,导航 2 背景变为蓝色,导航 3 背景变为绿色等。但是现在,当我在这些页面上时,背景与鼠标悬停时的背景相同链接。所以第 1 页背景将为红色,第 2 页 = 蓝色,第 3 页 = 绿色等。

最佳答案

将所有链接的背景颜色信息存储在 cookie 中,当您访问其中一个页面时,获取所有 cookie 并比较它们与当前页面的值,然后设置该颜色的背景。

例如,当您将鼠标悬停在 link1 上时,设置一个类似于这对字符串“link1color”:“red”等的 cookie。 当您访问这些页面之一时,获取 cookie 找到该页面的匹配 cookie 并获取 background-color 并更新背景。

关于javascript - Jquery 在导航链接鼠标悬停时更改背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18395472/

相关文章:

html - 如何让线路不返回?

javascript - 填充javascript对象 "on the fly"

php - 如何使用 smarty 从 CDN 源包含 javascript

javascript - 在字符串的逗号后添加空格

javascript - 输入删除/撤消的事件处理程序

javascript - 查找元素的目标

html - 为什么悬停不起作用?此代码用于在我的网站中显示社交网络图标

javascript - 在 Nodejs 中对集合项运行查询

javascript - 如果 <div> 调整大小,JQuery UI 可调整大小 -> 所有 sibling 也移动

javascript - 没有PHP的表单提交