求助:div+css+id点击图替换背景给教程
www.qq.com的样式 www.163.com的样式 按上图的样式,请问点...
www.qq.com 的样式 www.163.com 的样式 按上图的样式,请问点击图片怎么就切换背景,希望大家帮忙解决一下,那里也没有教程多多提供,实用奖励200积分。 需要的用到的网页 www.jiajienet.org
展开
1个回答
展开全部
需要改变的背景div id 为#mybg,首先先做好几张背景图,如bg0.jpg,bg1.jpg
html代码如下:
<a href="#" onclick="changeBG(0)">颜色块1</a>
<a href="#" onclick="changeBG(1)">颜色块2</a>
js代码如下:
function changeBG(num) {
document.getElementById("mybg").style.backgroundImage="url(images/bg"+num+".jpg)";//路径根据自己的图片位置变化
}
html代码如下:
<a href="#" onclick="changeBG(0)">颜色块1</a>
<a href="#" onclick="changeBG(1)">颜色块2</a>
js代码如下:
function changeBG(num) {
document.getElementById("mybg").style.backgroundImage="url(images/bg"+num+".jpg)";//路径根据自己的图片位置变化
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询