更改背景图像

巴尼·史汀森(Barney Stinson)

您能告诉我我在这里必须进行哪些更改才能background-image通过Javascript进行更改吗?

$(document).ready(function(){ 
    $('p').css('background-image', 'url("misc/bilder/2.png")');
});
.p {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 25%;
    background-size: cover;
    background-attachment: fixed;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-image: url("misc/bilder/1.png");    
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
    Some text
</p>

谢谢!

也起泡

在您的CSS中,您引用的是.p这是一个类,但是在您的JavaScript中,您的引用是p是元素。这可能会有所帮助:

$(document).ready(function(){ 
    $('.p').css('background-image', 'url("misc/bilder/2.png")');
});

已更新:我的答案后问题已更新。除掉 。从.p在CSS中。像这样:

CSS:

p {
    //some css
}

javascript:

$(document).ready(function(){ 
    $('p').css('background-image', 'url("misc/bilder/2.png")');
});

的HTML:

<p>
 some text
</p>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

更改UISlider的背景图像?

来自分类Dev

更改Imagebutton的背景图像

来自分类Dev

更改背景图像的亮度?

来自分类Dev

更改背景图像的亮度?

来自分类Dev

更改Imagebutton的背景图像

来自分类Dev

更改视图的背景图像

来自分类Dev

在更改背景图像时逐渐消失

来自分类Dev

使用CSS更改背景图像的宽度

来自分类Dev

更改WPF按钮背景图像

来自分类Dev

如何更改离子的背景图像?

来自分类Dev

循环动态更改背景图像

来自分类Dev

滚动时背景图像UITableView更改

来自分类Dev

根据背景图像更改字体颜色

来自分类Dev

根据本地设置更改背景图像

来自分类Dev

如何更改剑道图的背景图像?

来自分类Dev

使用下拉列表更改背景图像?

来自分类Dev

通过文件输入更改背景图像

来自分类Dev

使用jQuery addClass更改背景图像

来自分类Dev

使用JQuery更改背景图像

来自分类Dev

单击<a>标记更改<li>的背景图像

来自分类Dev

jQuery无法更改背景图像URL

来自分类Dev

根据背景图像更改字体颜色

来自分类Dev

使用数组更改javascript背景图像

来自分类Dev

更改背景图像(如滑块)

来自分类Dev

点击更改WKInterfaceButton背景图像

来自分类Dev

jQuery-更改多个背景图像

来自分类Dev

使用setTimeout更改背景图像

来自分类Dev

使用Greasemonkey更改背景图像?

来自分类Dev

褪色动态更改(jQuery)的背景图像?