js还是css错了，轮播图点不动

html-css04

js还是css错了，轮播图点不动,第1张

写代码要细心认真； 结论：这段代码距离“轮播”还有不短的距离，请继续努力；错的地方有：1 init方法里面 rightBn=document.getElementById("rightbn") 2 init方法里面 box_img=document.getElementById("box_img") //要注意横杠（box-img）和下划线（box_img）的区别改完之后也只是满足了点击向右按钮，闪出下一张图而已；

<div class="tbody" id="tbody">

<div class="tab1">

<div id="playtab" class="playtab">

<a target="_blank" href="链接1"><img src="第1张图片"></a>

<a target="_blank" href="链接2"><img src="第2张图片"></a>

<a target="_blank" href="链接3"><img src="第3张图片"></a>

<div id="jsNav" class="jsNav">

<a id="prev" class="prevBtn" href="javascript:void(0)"></a>

<a class="trigger imgSelected" href="javascript:void(0)">1</a>

<a class="trigger" href="javascript:void(0)">2</a>

<a class="trigger" href="javascript:void(0)">3</a>

<a id="next" class="nextBtn" href="javascript:void(0)"></a>

</div>

</div>

</div>

</div>

其中被你少了个</DIV> 代码不全 只能给你改那么多 target="_blank" 就是新窗口打开 一团糟的话 你要贴出CSS代码 更多详细问题可以 私密我 这个很简单

你好，这个问题应该是css兼容性问题导致的。

目前绝大部分移动浏览器还不支持animation这个属性，而是支持-webkit-animation（这类加前缀的）属性，在问题中：

.ih { background: #000 opacity:.3width: 90% height: 25% margin-left:-45% position: absolutebottom: 120pxleft:50%

    animation:ih 2s

}

只设置了，animation: ih 2s而没有写兼容的 -webkit-animation: ih 2s所以动画在移动浏览器中就不动了。你可以试下将上面代码改为：

.ih { background: #000 opacity:.3width: 90% height: 25% margin-left:-45% position: absolutebottom: 120pxleft:50%

    -webkit-animation:ih 2s

    -moz-animation:ih 2s

    -ms-animation:ih 2s

    -o-animation:ih 2s

    animation:ih 2s

}

希望能帮你解决问题，望采纳~~