新手！纯html+css已经完成，后面的js有些问题！求赐教

我现在需要将图片轮播，但是写了script代码没有反应，是怎么回事呢？？自学的新人 很多不懂的地方
代码：<script>
window.onload=function()
{
var oPic-bg=document.getElementById('pic-bg');
var oUl=oPic-bg.children[0];
var ali=oUl.children;

var oPrev=document.getElementById('prev');
var oNext=document.getElementById('next');

oUl.innerHTML+=oUl.innerHTML;
oUl.style.width=aLi.length*aLi[0].offsetWidth+'px';

var timer=null;
var left=0;
setInterval(function(){
left-=10;
if(left<=-oUl.offsetWidth/2){
left=0;
}
oUl.style.left=left+'px';
},30);
}
</script>

7 个解决方案

#1

同为初学者，论坛感觉木人呀

#2

变量名不能有中划线，oPic-bg，ali 前面是小写，后面是大写：aLi

#3

版主的眼睛是雪亮的

#4

引用 1 楼 Dananmo 的回复:

同为初学者，论坛感觉木人呀

是有点！快被js逼疯了 好难 不理解

#5

引用 2 楼 jikeytang 的回复:

变量名不能有中划线，oPic-bg，ali 前面是小写，后面是大写：aLi

我做的这个网站有很多个ul 他给的ul不对，我是要给ul也加一个id吗？

#6

引用 5 楼 kjjjjj0126 的回复:

Quote: 引用 2 楼 jikeytang 的回复:

变量名不能有中划线，oPic-bg，ali 前面是小写，后面是大写：aLi

我做的这个网站有很多个ul 他给的ul不对，我是要给ul也加一个id吗？

不对，是不对在哪里，要js操作多个ul，那必须用id来区分，所以要添加不一样的id。

#7

引用 6 楼 jikeytang 的回复:

变量名不能有中划线，oPic-bg，ali 前面是小写，后面是大写：aLi

我做的这个网站有很多个ul 他给的ul不对，我是要给ul也加一个id吗？
不对，是不对在哪里，要js操作多个ul，那必须用id来区分，所以要添加不一样的id。
<div id="pic">
      <div class="photo">
      <ul>
     <li><img src="images/item/1.jpg" alt=""/><div class="title">酒店</div><div class="title-square">1094.34平米</div>
     <h3>五星级酒店</h3>
        <p>最低消费：<span class="a">12000元起</span></p>
        <p>地方：<span class="b">机场</span></p>
        <a href="#" class="btn">预订</a>
        </li>
      </ul>
      </div>
      <div class="photo">
      <ul>
     <li><img src="images/item/2.jpg" alt=""/><div class="title">酒店2</div><div class="title-square">1094.34平米</div>
     <h3>五星级酒店</h3>
        <p>最低消费：<span class="a">12000元起</span></p>
        <p>地方：<span class="b">机场</span></p>
        <a href="#" class="btn">预订</a>
        </li>
       </ul>
       </div>
      <div class="photo">
      <ul>
     <li><img src="images/item/3.jpg" alt=""/><div class="title">酒店3</div><div class="title-square">1094.34平米</div>
     <h3>五星级酒店</h3>
        <p>最低消费：<span class="a">12000元起</span></p>
        <p>地方：<span class="b"> 机场</span></p>
        <a href="#" class="btn">预订</a>
        </li>
      </ul>
      </div>
      <div class="photo">
      <ul>
     <li><img src="images/item/4.jpg" alt=""/><div class="title">酒店4</div><div class="title-square">1094.34平米</div>
     <h3>五星级酒店</h3>
        <p>最低消费：<span class="a">12000</span></p>
        <p>地方：<span class="b"> 机场</span></p>
        <a href="#" class="btn">预订</a>
        </li>
       </ul>
      </div>
    </div>这个是我html的代码 需要他轮播 但是弄不好