Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何切换背景:url';s_Javascript_Jquery_Css_Toggleclass - Fatal编程技术网

Javascript 如何切换背景:url';s

Javascript 如何切换背景:url';s,javascript,jquery,css,toggleclass,Javascript,Jquery,Css,Toggleclass,我正在使用Todd Moto的flaunt.js进行导航,希望将汉堡图像与另一个图像切换,然后在手机菜单显示并关闭时再次切换 演示如下: 教程如下: 是的,有很多方法可以更改CSS背景图像。您可以直接设置它 例如: HTML: CSS: JS: Fiddle:关于如何修改CSS值或从元素中添加/删除类,特别是使用jQuery,有很多信息。你到底有什么问题?你已经试过什么了? #my-box { height: 518px; width: 800px; } document.q

我正在使用Todd Moto的flaunt.js进行导航,希望将汉堡图像与另一个图像切换,然后在手机菜单显示并关闭时再次切换

演示如下:

教程如下:


是的,有很多方法可以更改CSS背景图像。您可以直接设置它

例如:

HTML:
CSS:

JS:


Fiddle:

关于如何修改CSS值或从元素中添加/删除类,特别是使用jQuery,有很多信息。你到底有什么问题?你已经试过什么了?
#my-box {
    height: 518px;
    width: 800px;
}
document.querySelector('#my-box').style.backgroundImage =
    'url(' +
    'https://www.thebigduck.us/content/themes/big-duck/dist/images/dp03_v2.jpg' +
    ')';