JavaScript 影响悬停时的 div

标签 javascript html

大家好,我刚刚编写了这段代码。我想要的只是将光标悬停在该按钮上并影响其右侧的 div。 我现在遇到的问题是我无法链接任何图像。只有颜色。但我不需要颜色。 我知道这很简单,但我现在忘记了。

<script> function chbg(color){document.getElementById('container2').style.backgroundColor=color;} </script>

<button id="button1" onmouseover="chbg('red')" onmouseout="chbg('whitesmoke')"></button>

最佳答案

<script>
function chimage(url) {
    document.getElementById('container2').style.backgroundImage = 'url('+url+')';
}
</script>

<button id="button1" onmouseover="chimage('/path/to/hoverimage.jpg')" onmouseout="chimage('/path/to/plainimage.jpg');"></button>

关于JavaScript 影响悬停时的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25569111/

相关文章:

javascript - 为什么 Promise 不捕获异步操作抛出的错误?

JavaScript Canvas 库很慢,不使用 GPU?

html - 转换为无表布局

javascript - 无法连接到 Firebase(JS)

javascript - asp.net 如何自动启用浏览器位置设置

html - 出现未知性质的空白。固定高度

html - 如何更改 html/css 中 &lt;header&gt; 部分的高度?

javascript - 第二次单击时 jQuery 对话框未打开

javascript - 如何创建具有不可变属性的 javascript 类

javascript - PHP、jQuery 和 JSON、日期搜索