关于JS脚本中，单击后重新给DIV设置背景图片~
一个下拉列表~一个DIV，下拉里表中选择其中一项时候，将DIV中的背景图片重新赋值个新图片~怎么写？我要做的论坛可以更换主题。我的意思是想要写好的class中是设置图片，...
一个下拉列表~ 一个DIV ， 下拉里表中选择其中一项时候，将DIV中的背景图片重新赋值个新图片~ 怎么写？我要做的论坛可以更换主题。
我的意思是想要 写好的class中是设置图片 ，然后脚本中 重新给DIV设置class样式 展开
我的意思是想要 写好的class中是设置图片 ，然后脚本中 重新给DIV设置class样式 展开
3个回答
展开全部
你好：
我把楼上的改了下，看看是不是你要的
提示：把代码保存为a.htm即可预览效果
<script>
function setDivBG(s)
{
document.getElementById("div1").className=s;
}
</script>
<head>
<style type="text/css">
.style1
{
width: 100px;
height: 100px;
background-image:url('https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif');
}
.style2
{
width: 100px;
height: 100px;
background-image:url('https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/images/r1s1g5.gif');
}
</style>
</head>
<BODY >
<select onchange="setDivBG(this.value);">
<option value="style1">知道</option>
<option value="style2">头像</option>
</select>
<div id="div1" class="style2" >
</div>
</BODY>
我把楼上的改了下，看看是不是你要的
提示：把代码保存为a.htm即可预览效果
<script>
function setDivBG(s)
{
document.getElementById("div1").className=s;
}
</script>
<head>
<style type="text/css">
.style1
{
width: 100px;
height: 100px;
background-image:url('https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif');
}
.style2
{
width: 100px;
height: 100px;
background-image:url('https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/images/r1s1g5.gif');
}
</style>
</head>
<BODY >
<select onchange="setDivBG(this.value);">
<option value="style1">知道</option>
<option value="style2">头像</option>
</select>
<div id="div1" class="style2" >
</div>
</BODY>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<select onchange="setDivBG(this.value);">
<option value="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif">知道</option>
<option value="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/images/r1s1g5.gif">头像</option>
</select>
<div style="background-image: url('https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif'); height:100%;" id="div1"></div>
<script>
function setDivBG(strUrl)
{
div1.style.backgroundImage="url('"+strUrl+"')";
}
</script>
<option value="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif">知道</option>
<option value="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/images/r1s1g5.gif">头像</option>
</select>
<div style="background-image: url('https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif'); height:100%;" id="div1"></div>
<script>
function setDivBG(strUrl)
{
div1.style.backgroundImage="url('"+strUrl+"')";
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
function setDivBG(s)
{
document.getElementById("div1").className=s;
}
</script>
<head>
<style type="text/css">
.style1
{
width: 100px;
height: 100px;
background-image:url('https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif');
}
.style2
{
width: 100px;
height: 100px;
background-image:url('https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/images/r1s1g5.gif');
}
</style>
</head>
<BODY >
<select onchange="setDivBG(this.value);">
<option value="style1">知道</option>
<option value="style2">头像</option>
</select>
<div id="div1" class="style2" >
</div>
</BODY>
function setDivBG(s)
{
document.getElementById("div1").className=s;
}
</script>
<head>
<style type="text/css">
.style1
{
width: 100px;
height: 100px;
background-image:url('https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif');
}
.style2
{
width: 100px;
height: 100px;
background-image:url('https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/images/r1s1g5.gif');
}
</style>
</head>
<BODY >
<select onchange="setDivBG(this.value);">
<option value="style1">知道</option>
<option value="style2">头像</option>
</select>
<div id="div1" class="style2" >
</div>
</BODY>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
