日期:2014-05-16  浏览次数:20307 次

求更换图片简单代码并指点一下我的代码
function changepic(n){
var div1;
div1=document.getElementById("banner");
var picsrc=new Array(5);
picsrc[n-1]="images/bannerpicture"+n+".gif";
div1.style.backgroundImage="picsrc[n-1]";
}

<div id="banner">  
  <ul>
  <li onmouseover="changepic(1)">1</li>
  <li onmouseover="changepic(2)">2</li>
  <li onmouseover="changepic(3)">3</li>
  <li onmouseover="changepic(4)">4</li>
  <li onmouseover="changepic(5)">5</li>
  </ul>
 </div>
我想做一个更换图片的js效果,在网上找了很多方法,对新手的我来说实在复杂,于是想简单一点,作了如上的代码,可惜没有成功,望高手来指点一下这种方法是否可行?可以改好?

------解决方案--------------------
-_-b

HTML code

<script>
function changepic(n){
document.getElementById('banner').style.backgroundImage='images/bannerpicture' + n + '.gif';
}
</script>
<div id="banner">  
  <ul>
  <li onmouseover="changepic(1)">1</li>
  <li onmouseover="changepic(2)">2</li>
  <li onmouseover="changepic(3)">3</li>
  <li onmouseover="changepic(4)">4</li>
  <li onmouseover="changepic(5)">5</li>
  </ul>
 </div>

------解决方案--------------------
div1.style.backgroundImage=picsrc[n-1];

------解决方案--------------------
楼主
有没有参考网站或者参考图片,
根据你的代码,别人写的应该也没错,
你都说不行,有可能是你代码表达的不是你的需求
------解决方案--------------------
JScript code
function changepic(n) {
    document.getElementById("banner").style.backgroundImage = "url(images/bannerpicture" + n + ".gif)";
}