Решил я заморочиться и сделать каррусельку ( контейнер и кнопка (вперед)).
<div id="carusel">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
<div id="next" onclick="next()">></div>
</body>
|
Код:
|
#carusel{
width:2000px;
height:100px;
border:1px solid black;
position:absolute;
left:-1000px;
}
#next{
width:50px;
height:100px;
border:1px solid black;
position:absolute;
right:50px;
text-align:center;
}.box{
background-color:green;
width:200px;
height:80px;
float:left; |
var nextslide=document.getElementById('next');
function next(){
var box=document.getElementById('carusel'),
box.style.left=-1000+100+"px";
};
Только вот не пойму как вместо '-1000' подставить значение left ??? Подскажите пожалуйста