【Jquery】Jquery给div设置背景图片

涂泰平
2023-12-01

需求:给class为aboutBnner1的div设置背景图片,具体实现如下

1、html代码

<!--bnner-->
<div class="aboutBnner1 left">
    <div id="bannertextDiv" class="bannertext"></div>
</div>

2、css样式

.aboutBnner1{
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

3、通过jQuery给div设置背景图片

var bennerImage="../img/banner.jpg";
$(".aboutBnner1").css("background-image", "url(" + bennerImage + ")");

 

 类似资料: