CSS + JS (javascript如何改变DIV的背景图片) HTML代码:
<style type="text/css">
<!--
#imgpaly{
background-image:url(images/big.gif);width:380px; height:484px; border:0px;}
-->
</style>
<img src="images/small_4.gif" border="0" onclick="imgpaly(this.src)" />
<div id="imgpaly"></div>
JS代码:
<script>
function imgpaly(img)
{ var myint,myimg;
myint=img.indexOf('image');
myimg=img.substring(myint);
myimg="'url(" + myimg + ")'";
document.getElementById("imgpaly").style.backgroundImage = myimg;这里出错。。???是不是不能这样写。那该怎么写??
//document.write(myimg); 这里能输出:'url(images/small_4.gif)'
//document.all.imgpaly.style.backgroundImage = myimg; 这个也是出错的。?
//document.all.imgpaly.style.backgroundImage='url(images/small_2.gif)'; 这里是正确的,可以改变imgpaly的样式。
}
</script>
当点击图片(<img src="images/small_4.gif" border="0" onclick="imgpaly(this.src)" />)后,没有改变ID imgpaly的样式。。???
请问这一句:document.getElementById("imgpaly").style.backgroundImage = myimg;这里出错。。???是不是不能这样写。那该怎么写??
请教各位同行帮忙侃侃,谢谢。。。
------解决方案--------------------js里的这句改成:
myimg="url(" + myimg + ")"; //把单引号去掉就ok了