【问题标题】:Switching between two background color with one button using javascript [closed]使用javascript通过一个按钮在两种背景颜色之间切换[关闭]
【发布时间】:2014-03-28 19:08:51
【问题描述】:

我的网站有问题。我想用一个按钮循环两种不同的背景颜色(从白色到黑色,从黑色到白色)我想要的另一件事是使用相同的按钮更改字体颜色(从黑色到白色以及从白色到黑色。我想要这个的原因是我想通过单击按钮来制作我的网站的负面版本。有人可以将脚本和按钮 html 标记发给我吗?

背景颜色和字体颜色由 CSS 中的这些标签定义:

body {颜色:$(body.text.color);背景:$(body.background);}

所以脚本应该改变这个值,我的意思。

感谢您的帮助。

【问题讨论】:

    标签: javascript html css colors background


    【解决方案1】:

    您可以创建 css 类:

    #target {
        color: white;
        background-color: black;
    }
    
    .negative {
        color: black;
        background-color: white;
    }
    

    然后点击执行:

    $('#target').click(function(){
        $(this).toggleClass('negative');
    });
    

    fiddle

    【讨论】:

    • 或使用纯javascript:document.body.classList.toggle("negative");jsfiddle.net/NicoO/pQ8bR/1
    • @NicoO 很好,但不幸的是浏览器对该方法的支持很弱:caniuse.com/classlist
    • 好消息@karaxuna 我不知道它是 IE10+。
    • 非常感谢,但我看不到按钮定义或类似的东西。我的意思是有脚本,但是定义了在哪里单击以执行它,按钮在哪里?你知道?虽然非常感谢。
    • @user3473897 在小提琴示例点击事件绑定到body 标签。修改此代码以满足您的需求没有问题
    猜你喜欢
    • 2019-07-12
    • 1970-01-01
    • 1970-01-01
    • 2013-06-07
    • 2020-12-17
    • 2016-04-05
    • 1970-01-01
    • 1970-01-01
    • 2017-08-19
    相关资源
    最近更新 更多