用户是否在线来控制头像的亮和灰

best-徐

于 2018-10-08 09:59:39 发布

阅读量207

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/qq_41248529/article/details/82964038

版权

html 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种根据用户在线状态动态调整头像显示效果的方法，通过使用object.style.filter属性，实现在线用户头像的正常显示和离线用户头像的灰度显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：我们要在页面上显示用户的头像，根据用户是否在线来控制头像的亮和灰

需要用到 object.style.filter属性来设置，如下是将用户的头像设置成灰色。详细使用说明

if (userInfo.status !== 'ENABLED') {
            console.log('status: ' + userInfo.status);
            img.item(i).style.filter = 'grayscale(100%)';
            img.item(i).style.webkitFilter = 'grayscale(100%)';
        }