Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 文本颜色可变为背景色_Javascript_Jquery_Html_Css - Fatal编程技术网

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;}