读书人

初学者请问JS中层背景转换的有关问题

发布时间: 2012-04-09 13:41:25 作者: rapoo

菜鸟请教JS中层背景转换的问题
大家好,本人刚学习JS,看到了这段代码,但是调试的时候总是不能显示出背景,还请各位高手指教,代码哪里有问题呢,谢谢了。


<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function setBg(url)
{
document.bgexpro.background=url
}
</SCRIPT>
</HEAD>
<BODY>
<B>Layer Background</B>
<HR>
<LAYER NAME="buttons" top="50">
<FORM>
<INPUT TYPE="button" VALUE="First" onClick="setBg('first.gif')">
<BR>
<INPUT TYPE="button" VALUE="Two" onClick="setBg('two.gif')">
<BR>
<INPUT TYPE="button" VALUE="Three" onClick="setBg('three.gif')">
<BR>
<INPUT TYPE="button" VALUE="Four" onClick="setBg('four.gif')">
<BR>
<INPUT TYPE="button" VALUE="Five" onClick="setBg('five.gif')">
<BR>
</FORM>
</LAYER>
<LAYER NAME="bgexpro" BGCOLOR="blue" top="50" left="250" width="300" height="250">
<B><FONT COLOR="white">which may or may not read well with the various backgrounds.click the button</FONT></B>
</LAYER>
</BODY>
</HTML>

[解决办法]

HTML code
<HTML><HEAD><SCRIPT LANGUAGE="JavaScript">function setBg(url){ document.getElementById('test').style.backgroundImage="url(./"+url+")";}</SCRIPT></HEAD><BODY><B>Layer Background</B><HR><LAYER NAME="buttons" top="50"><FORM><INPUT TYPE="button" VALUE="First" onClick="setBg('demo.jpg')"><BR><INPUT TYPE="button" VALUE="Two" onClick="setBg('1.jpg')"><BR><INPUT TYPE="button" VALUE="Three" onClick="setBg('three.gif')"><BR><INPUT TYPE="button" VALUE="Four" onClick="setBg('four.gif')"><BR><INPUT TYPE="button" VALUE="Five" onClick="setBg('five.gif')"><BR></FORM></LAYER><LAYER id="test" NAME="bgexpro" BGCOLOR="blue" top="50" left="250" width="300" height="250"><B><FONT COLOR="red">which may or may not read well with the various backgrounds.click the button</FONT></B></LAYER></BODY></HTML>
[解决办法]
探讨
HTML code

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function setBg(url)
{
document.getElementById('test').style.backgroundImage="url(./"+url+")";
}
</SCRIPT>
</HEAD>
<BODY>
<B>Layer B……

[解决办法]
HTML code
<HTML><HEAD><SCRIPT LANGUAGE="JavaScript">function setBg(url){    document.body.style.background="url("+url+")";}</SCRIPT></HEAD><BODY><B>Layer Background</B><HR><LAYER NAME="buttons" top="50"><FORM><INPUT TYPE="button" VALUE="First" onClick="setBg('first.gif')"><BR><INPUT TYPE="button" VALUE="Two" onClick="setBg('two.gif')"><BR><INPUT TYPE="button" VALUE="Three" onClick="setBg('three.gif')"><BR><INPUT TYPE="button" VALUE="Four" onClick="setBg('four.gif')"><BR><INPUT TYPE="button" VALUE="Five" onClick="setBg('five.gif')"><BR></FORM></LAYER><LAYER NAME="bgexpro" BGCOLOR="blue" top="50" left="250" width="300" height="250"><B><FONT COLOR="white">which may or may not read well with the various backgrounds.click the button</FONT></B></LAYER></BODY></HTML> 


[解决办法]
document.getElementById('test').style.backgroundImage="url(./"+url+")";
你确实要看看基础的。

读书人网 >JavaScript

热点推荐