在引导程序中动态更改背景颜色
我是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”>）。
您可以使用jQuery并按照以下方式进行操作：
要更改bc图像：
$('.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>
现场演示
链接地址: http://www.djcxy.com/p/75967.html