首页 文章

在引导程序中动态更改背景颜色

提问于
浏览 次
2

我是bootstrap的新手 . 经过研究，我明白我可以用javascript来改变背景颜色 . 我想动态更改特定容器的背景颜色或图像 . 我正在使用样式.css文件的外部链接

（例如：href =“https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css”> href =“https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0 /css/bootstrap->theme.min.css“>） .

javascript jquery css twitter-bootstrap

1 回答

  • 1

    你可以使用jQuery并执行如下操作：

    要更改bc-image：

    $('.YourContainer').css('background-image', 'url(../images/backgrounds/bc-image.jpg)');

    改变bc颜色：

    $('.YourContainer').css("background-color", "yellow");

    别忘了添加jQuery：

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js" type="text/javascript"></script>

    编辑，因为您可能不知道如何在嵌入脚本标记中使用代码：

    <!doctype html>
        <html>
        <head>
            <meta charset="utf-8">
            <title>Demo</title>
        </head>
        <body>
            <a href="http://jquery.com/">jQuery</a>
            <script src="jquery.js"></script>
            <script type='text/javascript'>

            $( document ).ready(function() {



           $('.YourContainer').css('background-image', 
             'url(../images/backgrounds/bc-image.jpg)');



           });     
        </script>
    </body>
    </html>

    Live Demo

    回复于

相关问题