Question

js 动态改变background:url()值

var rev=$(this).attr("rev")

$("#vidoShow").css("background",'url(rev)');
如何才能正确显示rev的值呢。。每次到页面就变成 stryle="background:url(rev)"
如何能正确显示呢

Answer 1

可以使用js的连接符实现动态改变background:url()值。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建山燃游一个空白的html文件，js文件。

2、在ue编辑器中输入以下html代码。

3、在ue编辑器中输入以下js代码。

4、编辑完成以后，在ue编辑器中点击保存，格式选段毁择UTF8无BOM。

5、在浏览器中打开此html文件，可以看到最终想要实现动态改变逗销background:url()值效果。

Answer 2

1、新建HTML文帆辩件。

2、创建输入框。

3、预览效果如图。

4、创建js函数。

5、设置背态拿缺景和边框敏坦。

6、预览效果如图附上js代码<script>function myFunction(x){x.style.background="green";

x.style.border="1px solid red";}</script>。

Answer 3

可以用字符串拼接没乎的方法将变量传到url中。

1、新建html文档，在body标签中添加一个div标签，为这个div标签设置一枯前悉个北京图片，然后引入jQuery文件：

2、添加js代码，首先定义一个变量，然后用css方法动态更改背景的url值，第一个参数为背景属性，第二个参数悔梁用字符串拼接的方法将变量传到url值：

3、用浏览器打开网页，这时可以在源码中查看到url值已经动态的从a.png改成b.png了：

Answer 4

你渗碧把锋穗变量作为一个字符串在丛基举使用了
这么写:$("#vidoShow").css("background",'url(' + rev + ')');