发布网友 发布时间:2022-04-23 08:01
共1个回答
热心网友 时间:2023-10-08 17:15
window.onload不是这么用的 应该是 window.onload = function(){}
修改后:
<div id="pic"></div><div id="show-ul">1</div><div id="btn-2">21</div><div id="ben-2">22</div><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><script type="text/javascript">window.onload = function(){var arr =['./img/show1.jpg','./img/show2.jpg','./img/show3.jpg','./img/show4.jpg','./img/show5.jpg']var pic = document.getElementById('pic');var oul = document.getElementById('show-ul');var oBtn2 = document.getElementById('btn-2');var oBtn1 = document.getElementById('ben-2');var lis = document.getElementsByTagName('li');var timer = null;var num=arr.length;// next.onclick=NextoBtn2.onclick=function(){ num--if(num < 0){ num = arr.length-1}// 没有定义img对象 我给你注释掉了// img.src=arr[num] for(var i =0;i<lis.length;i++){ for(var j=0;j<lis.length;j++){ lis[j].style.background="white" }lis[num].style.background="red"}} } </script>
补充:刚才看了一下你的代码 发现你的 img 对象也没有获取,给你注释掉了。
热心网友 时间:2023-10-08 17:15
window.onload不是这么用的 应该是 window.onload = function(){}
修改后:
<div id="pic"></div><div id="show-ul">1</div><div id="btn-2">21</div><div id="ben-2">22</div><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><script type="text/javascript">window.onload = function(){var arr =['./img/show1.jpg','./img/show2.jpg','./img/show3.jpg','./img/show4.jpg','./img/show5.jpg']var pic = document.getElementById('pic');var oul = document.getElementById('show-ul');var oBtn2 = document.getElementById('btn-2');var oBtn1 = document.getElementById('ben-2');var lis = document.getElementsByTagName('li');var timer = null;var num=arr.length;// next.onclick=NextoBtn2.onclick=function(){ num--if(num < 0){ num = arr.length-1}// 没有定义img对象 我给你注释掉了// img.src=arr[num] for(var i =0;i<lis.length;i++){ for(var j=0;j<lis.length;j++){ lis[j].style.background="white" }lis[num].style.background="red"}} } </script>
补充:刚才看了一下你的代码 发现你的 img 对象也没有获取,给你注释掉了。