关于JS脚本中，单击后重新给DIV设置背景图片~

一个下拉列表~ 一个DIV ，下拉里表中选择其中一项时候，将DIV中的背景图片重新赋值个新图片~ 怎么写？我要做的论坛可以更换主题。
我的意思是想要写好的class中是设置图片，然后脚本中重新给DIV设置class样式

第1个回答 2009-03-09

你好：

我把楼上的改了下，看看是不是你要的

提示：把代码保存为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>本回答被提问者采纳

第2个回答 2009-03-09

<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>

第3个回答 2009-03-09

相似回答

js点击事件更换背景图片答：1：div22.style.background = "red";这样可以实现div22这个元素的背景颜色为红色。而div22添加的样式是内联样式。2：所以内联样式？你需要知道一下什么是内联样式。也就是这个元素本身的style属性中的css样式，这里的style属性中国的css样式权重值最高。3：在内联样式中，如果想要写一个背景图片那么就需...

在“js”中怎么设置div的背景图片?答：有两种比较直接的方式，\x0d\x0a\x0d\x0a第一种方法：预先设置一个样式，然后在js中操作，给div加上这个class。\x0d\x0ahtml代码：\x0d\x0a---\x0d\x0a\x0d\x0a\x0d\x0a---\x0d\x0a\x0d\x0a预先设置一个样式：\x0d\x0a---\x0d\x0a.bg {\x0d\x0a b...

js点击事件改变div背景图片怎么实现答：js代码必须再按钮的标签后面(要不然需要再监听dom加载完毕后执行js),i不应该一直加下去,会出错！参考:http://www.w3school.com.cn/jsref/prop_style_backgroundimage.asp

jsp中js实现点击按钮更改背景图片代码怎么写?答：<div id="a2"> <input type="button" value="点击1" onclick="bb(1)" /> <input type="button" value="点击2" onclick="bb(2)" /> <input type="button" value="点击3" onclick="bb(3)" /> </div> </div> </body> 补充说明：JSP全名为Java Server Pages，中文名叫java服务...

JS如何更换DIV的背景图片(如图)答：style.background="url(http://www.aa.com/dd.jpg) no-repeat";

css 有div如下图所示,在点击选中的时候换个背景,js 怎么设置当我选择其...答：你这个是css的鼠标经过的，如果你是想要写js的话就很好办了

css 有div如下图所示,在点击选中的时候换个背景,js 怎么设置当我选择其...答：样式.one_account:hover, active{background:url(../image/Bank-but1.png) no-repeat;} ul里加个id="bank_list"下面是js ("#bank_list li").each(function(){ (this).click(function(){ ("#bank_list li").removeClass("active");(this).addClass("active");})})...

用js怎么实现div背景图片变换?答：调用window.setInterval(handler, time)方法去变换，可以写在onload事件里，或者卸载页面最后用<script><script>块里面页面上有一个div的话，这个div里面应该有个<img>的吧，图片的话你用一个数组将文件名放起来，搞个随机数，然后就将img.src = 'arr[i]'；这样弄就应该能实现 ...

大家正在搜

ppt单击后隐藏怎么设置怎么设置ppt单击鼠标放映 ppt如何设置单击下一页 ppt怎么设置单击翻页如何设置单击 ppt怎么设置点击播放电脑怎么设置双击打开文件如何设置双击打开文件单击双击