读书人

CSS + JS (javascript怎么改变DIV的背

发布时间: 2012-04-04 16:38:51 作者: rapoo

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了

读书人网 >JavaScript

热点推荐