Javascript 文本颜色可变为背景色
我在网站的部分有深色图片,然后是其他白色面板。在左上角的固定位置有一些简单的导航点,用户可以单击这些导航点在站点中移动。然而,当在白色背景上滚动时,这些点当然是看不见的 开发人员网站的链接如下:Javascript 文本颜色可变为背景色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在网站的部分有深色图片,然后是其他白色面板。在左上角的固定位置有一些简单的导航点,用户可以单击这些导航点在站点中移动。然而,当在白色背景上滚动时,这些点当然是看不见的 开发人员网站的链接如下: 我的问题是:有没有可能让这些宠儿在网站的白色区域变为黑色,然后在较暗的区域变回白色?提前感谢您的回答。您可以通过检查窗口滚动值来更改点的颜色,例如检查下面的代码 $(window).scroll(function () { if ($(window).scrollTop() > 500)
我的问题是:有没有可能让这些宠儿在网站的白色区域变为黑色,然后在较暗的区域变回白色?提前感谢您的回答。您可以通过检查窗口滚动值来更改点的颜色,例如检查下面的代码
$(window).scroll(function () {
if ($(window).scrollTop() > 500) {
$("#nav ul li a").css("color", "#000000");
}
})
请注意,这里的值500是一个示例,您可能有不同的滚动值检查。是,这是可能的。请分享相关代码。我不会访问dev站点。简单的解决方案是在白点周围添加黑色边框。在深色背景中,该深色边框将不可见。在浅色背景中,圆点将可见,因为它们周围的边框较暗。如果您不想使用脚本,可以通过添加以下css代码#nav ul li a{text shadow:1px 1px 2px#000;-webkit text stroke:1px#d7d7d7;}来更改圆点的视觉外观您列出的jQuery非常好用!然而,这并不能解释窗口大小的变化。因此,我可以为一个窗口大小设置正确的值,但一旦我减小或增大它,该值对于我需要它在页面上更改的位置将不准确。有解决方法吗?我将仔细检查窗口大小,同时您是否考虑过通过添加以下内容来更改CSS:#nav ul li a{text shadow:1px 1px 2px#000;-webkit text stroke:1px#d7d7d7;}