如何切换背景：网址？

我正在使用Todd Moto的flaunt.js进行导航，并且想要在另一个图像中切换汉堡包图像，并在移动菜单显示并关闭时再次切换。如何切换背景：网址？

演示是在这里：

https://toddmotto.com/labs/flaunt-js

本教程是在这里：

https://toddmotto.com/flaunt-js-for-stylish-responsive-navigations-with-nested-click-to-reveal

来源

2016-11-14 m-d-a

有大量的信息在那里有关如何修改CSS值或从el中添加/删除类尤其是使用jQuery。你究竟遇到了什么困难？你已经尝试了些什么？ –

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

例子：

HTML：<div id='my-box'></div> CSS：

#my-box { 
    height: 518px; 
    width: 800px; 
}

JS：

document.querySelector('#my-box').style.backgroundImage = 
    'url(' + 
    'https://www.thebigduck.us/content/themes/big-duck/dist/images/dp03_v2.jpg' + 
    ')';

小提琴：https://jsfiddle.net/jmz20uhy/

来源

2016-11-14 21:52:54

如何切换背景：网址？

回答

相关问题