动态改变背景图片

来源：互联网发布：js怎么定义数组编辑：程序博客网时间：2024/06/01 09:04

1.项目需求，要实现动态更改图片的功能。源码如下

<script type="text/javascript">var s=null;// async: false,$(function(){$.ajax({        type: "get",        dataType: "json",        url: '${path}/sys/listBnkhistoryAjaxHForMoment',        success: function (data) {        var list=data.rows;        s=list.fpic;         var html=" <h6>"+list.fmemo         +"</h6>"          $(".tdd").append(html);         1.$("#mo").css('background-image',url(s));            // 2.document.getElementById("mo").style.backgroundImage="url("+s+")";                             //  3. $("#mo").css('background-image',"url("+s+")");                          }    });});</script><body id="mo" class="container col-xs-12 col-sm-12 col-md-12 col-lg-12" style="background-image:url(func.jpg);background-repeat:no-repeat;background-size:100% 100%;"></body>

起初用的1. 但是没有效果参照w3c的

因为路径没问题，并且原图片也可以显示出来故觉得应该是 jquey这个语法的问题。尝试用js试了一下，2. 图片出来了

细究原因：原来jquery的css是这样的

还得加引号：故3 成立。

0 0