jquery - 当背景滑块进入下一个/上一个时如何更改 div 内容

Question

如何根据背景页面的背景图片改变一个div的内容？

像这个：

http://www.sap.com/index.epx

Answer 1

对，然后添加一些方形图标，文本 - 任何你想要的触发器都会改变背景并将 onclick 事件添加到它，如下所示：

<div id="myDivTag">
    <img src="/Image/SquareIcon.gif" onclick="changeBackground()" />
</div>

然后修改我的另一篇文章中更改它的代码行，以更改 div 标签：

document.getElementById("myDivTag").style.backgroundImage = backImage[0]; 

Answer 2

修改你的下拉列表是这样的：

<select id="myDropDown" onchange="changeBackground()">
<option value="0">Image 1</option>
<option value="1">Image 2</option>
</select>

在 head 部分添加一个新的 javascript 函数：

var backImage[0] = "/Images/33.jpg";
var backImage[1] = "/Images/34.jpg";    
function changeBackground() {
    if (document.getElementById("myDropDown").value = "0" {
        document.body.background = backImage[1];
    } else {
        document.body.background = backImage[0];
    }
}