求更换图片简单代码并指点一下小弟我的代码
日期：2014-05-16 浏览次数：20398 次
求更换图片简单代码并指点一下我的代码
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
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)";
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
