-4

次のバーがあります。これは<ul>、一部のリスト項目が表示されていない場所です。矢印をクリックすると、左端/右端の要素を非表示または表示して、要素を左また​​は右に移動する必要があります。

...

私のHTML

<div id="linkbar">
    <a href="#linkbar" onclick="moveleft();"><img src="./img/arrowleft.png"></a>
    <div id="linkbarinternal">
        <ul id="linkbaritems">
            <li><a><img src="./img/banner01.jpg"></a></li>
            <li><a><img src="./img/banner02.jpg"></a></li>
            <li><a><img src="./img/banner03.jpg"></a></li>
            <li><a><img src="./img/banner04.jpg"></a></li>
            <li><a><img src="./img/banner05.jpg"></a></li>
            <li><a><img src="./img/banner06.jpg"></a></li>
            <li><a><img src="./img/banner07.jpg"></a></li>
            <li><a><img src="./img/banner08.jpg"></a></li>
        </ul>
    </div>
    <a href="#linkbar" onclick="moveright();"><img src="./img/arrowright.png"></a>
</div>

私が試したこと

var linkbarcounter = 0;

function moveleft() {
    document.getElementById("linkbaritems").children[linkbarcounter++].style.display="none";
}

function moveright() {
    document.getElementById("linkbaritems").children[--linkbarcounter].style.display="inline";
}
4

1 に答える 1

0 
var bar = document.getElementById("linkbar");
for(var i=0;i<bar.children.length; i++)
    // Do whatever per item.
    console.log(i ,bar.children[i]);
于 2013-08-02T15:44:46.957 に答える