如何在background-slider下一个/上一个时更改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>

在您的头部添加一个新的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];
    }
}